位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

HTML <input>標(biāo)記 1.文本框和密碼框

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-11

文本框和密碼框是表單設(shè)計(jì)里面最常用的兩個(gè)表單元素，比如登錄、注冊(cè)等頁(yè)面設(shè)計(jì)都會(huì)用到這兩個(gè)表單元素。
基本語(yǔ)法：
<input type="類型”name="名稱"readonly="只讀"size="寬度"maxlength="可輸入字符數(shù)"value=”默認(rèn)值”/>
語(yǔ)法說(shuō)明：
type屬性一般不缺省，如果缺省默認(rèn)屬性值為text文本框，其他屬性都可以缺省。
當(dāng)<input標(biāo)記的type屬性值為text時(shí)，為文本輸入框；
當(dāng)<input>標(biāo)記的type屬性值為password時(shí)，為密碼輸入框。
readonly屬性用于設(shè)置輸入框的只讀屬性，比如：readonly="readonly”，將使得這個(gè)輸入框即不能輸入也不能編輯。
value屬性表示文本框中的值，如果賦值，表示打開(kāi)網(wǎng)頁(yè)，文本框中就有值，如果不賦值，默認(rèn)打開(kāi)文本框?yàn)榭铡?br/>size屬性表示input表單元素的寬度(以字符計(jì)算)。

maxlength屬性用于設(shè)定input表單可以輸入字符的最大長(zhǎng)度(以字符計(jì)算)。


本例是創(chuàng)建了文本框和密碼框，并設(shè)置了一些常用的屬性。用戶名對(duì)應(yīng)的文本框因?yàn)樵O(shè)置的value 屬性，所以打開(kāi)框的時(shí)候已有一個(gè)值，可以刪除再輸入新的值。密碼一欄里如果輸入，會(huì)發(fā)現(xiàn)輸入的密碼字符并不會(huì)被直接顯示出來(lái)，從而起到保密的作用。因?yàn)槟挲g不需要太長(zhǎng)，所以年齡框設(shè)置了的size和能輸入的最大尺寸 maxlength。

代碼如下：

<!DOCTYPE HTML>

<html>

<head>

     <title>文本框和密碼框</title>

</head>

<body>

   <form>

     用戶名：<input type="text"name="uname" value="Mary">

     <br><br>

     密碼：<input type="password" name="upass">

     <br/><br/>

     年齡：<input type="text"name="uage" size="3" maxlength="3">

   </form>

</body>

</html>

image.png

繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部