整理HTML5中表单的常用属性及新属性_html5教程技巧

/ autocomplete 属性
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。
提示: autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。
注意: autocomplete 适用于 标签，以及以下类型的 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。
实例
HTML form 中开启 autocomplete (一个 input 字段关闭 autocomplete ):

1. <form action="demo-form.php" autocomplete="on">
2. First name:<input type="text" name="fname"><br>
3. Last name: <input type="text" name="lname"><br>
4. E-mail: <input type="email" name="email" autocomplete="off"><br>
5. <input type="submit">
6. form>

novalidate 属性
novalidate 属性的一个boolean 属性.
novalidate 属性规定在提交表单时不应该验证 form 或 input 域。
实例
无需验证提交的表单数据

1. <form action="demo-form.php" novalidate>
2. E-mail: <input type="email" name="user_email">
3. <input type="submit">
4. form>

autofocus 属性
autofocus 属性是一个 boolean 属性.
autofocus 属性规定在页面加载时，域自动地获得焦点。
实例
让 "First name" input 输入域在页面载入时自动聚焦：

1. First name:<input type="text" name="fname" autofocus>

form 属性
form 属性规定输入域所属的一个或多个表单。
提示:如需引用一个以上的表单，请使用空格分隔的列表。
实例
位于form表单外的input 字段引用了 HTML form (该 input 表单仍然属于form表单的一部分):

formaction 属性
The formaction 属性用于描述表单提交的URL地址.
The formaction 属性会覆盖 元素中的action属性.
注意: The formaction 属性用于 type="submit" 和 type="image".
实例
以下HTMLform表单包含了两个不同地址的提交按钮：

1. <form action="demo-form.php">
2. First name: <input type="text" name="fname"><br>
3. Last name: <input type="text" name="lname"><br>
4. <input type="submit" value="Submit"><br>
5. <input type="submit" formaction="demo-admin.php"
6. value="Submit as admin">
7. form>

formenctype 属性
formenctype 属性描述了表单提交到服务器的数据