为了完成表单的快速输入,提高网站的交互性,autocomplete=“on“,浏览器供应了自动补全的功能。在用户输入的内容被保存的情形下,如果用户在表单再次输入相同的或部分相同的字符时,浏览器会提示干系内容,从而让你快速的完成表单的输入。
我们来看一个例子,我们在form标签就开启autocomplete 属性。然后在个中一个子节点input标签关闭autocomplete 属性。
<form autocomplete=\"大众on\"大众> <input type=\公众text\公众> <input type=\"大众text\"大众 autocomplete=\公众off\"大众> </form>
这种写法的结果便是:第一个input标签实现了开启autocomplete,而第二个标签由于自己重新设置了autocomplete属性为off关闭,以是第二个输入域没有实现自动补全的效果。
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。相称于对它说:“你提交数据的时候,别只顾着你的子节点啊,还记得带上我啊。“
以为不错的朋友点个关注哩,后面