HTML <input>標記 1.文本框和密碼框
文本框和密碼框是表單設(shè)計里面最常用的兩個表單元素，比如登錄、注冊等頁面設(shè)計都會用到這兩個表單元素。
基本語法：
<input type="類型”name="名稱"readonly="只讀"size="寬度"maxlength="可輸入字符數(shù)"value=”默認值”/>
語法說明：
type屬性一般不缺省，如果缺省默認屬性值為text文本框，其他屬性都可以缺省。
當(dāng)<input標記的type屬性值為text時，為文本輸入框；
當(dāng)<input>標記的type屬性值為password時，為密碼輸入框。
readonly屬性用于設(shè)置輸入框的只讀屬性，比如：readonly="readonly”，將使得這個輸入框即不能輸入也不能編輯。
value屬性表示文本框中的值，如果賦值，表示打開網(wǎng)頁，文本框中就有值，如果不賦值，默認打開文本框為空。
size屬性表示input表單元素的寬度(以字符計算)。
maxlength屬性用于設(shè)定input表單可以輸入字符的最大長度(以字符計算)。
本例是創(chuàng)建了文本框和密碼框，并設(shè)置了一些常用的屬性。用戶名對應(yīng)的文本框因為設(shè)置的value 屬性，所以打開框的時候已有一個值，可以刪除再輸入新的值。密碼一欄里如果輸入，會發(fā)現(xiàn)輸入的密碼字符并不會被直接顯示出來，從而起到保密的作用。因為年齡不需要太長，所以年齡框設(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>
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>