value 屬性
value 設置輸入字段的初始值(默認值),提交表單時,如果用戶未做修改,將發送value中的默認值
<form action="#">First name: <br><input type="text" name="firstname" value="John"><br>Last name: <br><input type="text" name="lastname">
</form>
readonly 屬性
readonly禁止用戶修改輸入值,但允許選中、復制和提交數據。
<form action="#">First name: <br><input type="text" name="firstname" value="John" readonly><br>Last name: <br><input type="text" name="lastname">
</form>
disabled 屬性
disabled禁用輸入字段,禁止用戶交互且數據不會提交。
<form action="#">First name: <br><input type="text" name="firstname" value="John" disabled><br>Last name: <br><input type="text" name="lastname">
</form>
size 屬性
size定義輸入框的可見寬度(字符數),僅影響視覺顯示,不限制輸入長度。
<form action="#">First name: <br><input type="text" name="firstname" value="John" size="40"><br>Last name: <br><input type="text" name="lastname">
</form>
maxlength 屬性
maxlength限制用戶可輸入的最大字符數。
<form action="#">First name: <br><input type="text" name="firstname" maxlength="10"><br>Last name: <br><input type="text" name="lastname">
</form>
HTML5針對添加的兩個屬性
autocomplete 屬性
autocomplete控制瀏覽器是否自動填充輸入字段(如保存的賬號、地址等)
on:允許自動填充(默認)
off:禁用自動填充
<form action="action_page.php" autocomplete="on">名字: <input type="text" name="fnam"><br>姓氏:<input type="text" name="lname"><br>E-mail: <input type="email" name="user_email" autocomplete="off"><br><input type="submit">
</form>
novalidate 屬性
novalidate 禁用表單的 HTML5 驗證
<form action="action_page.php" novalidate>E-mail: <input type="email" name="user_email"><input type="submit">
</form>