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>