为了完成表单的快速输入,提高网站的交互性,autocomplete=“on“,浏览器供应了自动补全的功能。
在用户输入的内容被保存的情形下,如果用户在表单再次输入相同的或部分相同的字符时,浏览器会提示干系内容,从而让你快速的完成表单的输入。

我们来看一个例子,我们在form标签就开启autocomplete 属性。
然后在个中一个子节点input标签关闭autocomplete 属性。

<form autocomplete=\"大众on\"大众> <input type=\公众text\公众> <input type=\"大众text\"大众 autocomplete=\公众off\"大众> </form>

这种写法的结果便是:第一个input标签实现了开启autocomplete,而第二个标签由于自己重新设置了autocomplete属性为off关闭,以是第二个输入域没有实现自动补全的效果。

html5form表单HTML5给表单带来的几个属性|form 属性autocomplete 属性等 SQL
(图片来自网络侵删)

novalidate属性

在提交表单时不应该验证 form 或 input 域。

如果表单中有一个输入域的类型是email,那么在提交表单的时候,浏览器会验证你输入的字符格式是否合法,若造孽(不符合邮件格式类型),就会提示缺点,阻挡提交表单。

我们来看这个例子:

<form> <input type=\公众email\"大众> <input type=\"大众submit\"大众 value=\"大众save\"大众> </form>

我们试着输入一个造孽的email邮箱地址,然后提交,如下图:

浏览器会提示你邮箱地址格式不对,而novalidate属性,便是为了让表单可以忽略验证,直接提交表单数据。

它的用法如下:

<form novalidate> <input type=\公众email\"大众> <input type=\公众submit\"大众 value=\公众save\公众> </form>

autofocus 属性

在页面加载时,域自动地得到焦点。

这个很好理解,用法也很大略:

<input type=\公众text\"大众 autofocus>

设置了autofocus 属性的输入域,就会自动得到焦点,如图:

如果一个页面存在多个设置了autofocus属性的input标签,则只有第一个input标签才会得到焦点,其它的失落效。

form 属性

规定input输入是属于哪个表单的。

这种情形,一样平常只会在当input标签不是form标签的子节点的情形下才会利用。
如:

<form id=\公众demo\"大众> <input type=\"大众text\公众> <input type=\"大众submit\"大众 value=\"大众save\"大众> </form> <input type=\"大众text\"大众 form=\"大众demo\公众>

代码中一个input标签输入域放在了form表单的表面,但是表单提交的时候,也会带上这个输入域的数据。
缘故原由是由于表面的input标签通过form属性绑定了form表单的id。
相称于对它说:“你提交数据的时候,别只顾着你的子节点啊,还记得带上我啊。

以为不错的朋友点个关注哩,后面