HTML表单属性1

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>