表单:
<form>新属性:
- autocomplete
- novalidate
<input>新属性:
- autocomplete
- autofocus
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height 与 width
- list
- min 与 max
- multiple
- pattern (regexp)
- placeholder
- required
- step
讲解其中的几个:
1、autocomplete
属性规定输入字段是否应该启用自动完成功能,有两个值(on / off)。默认是on(开启)
注意: autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。
这个要在你提交表单之后,再在input里面输入内容的时候才会有相应的提示信息。
有些场景下你可能不能要改提示功能,避免用户信息泄露。这时候需要手动去关闭该提示功能。
2、novalidate
它是一个 boolean(布尔) 属性,没有值
novalidate 属性规定在提交表单时不应该验证 form 或 input 域。
就是关闭html5的自动默认验证功能。包括email,number等的悬浮提示等都会无效。
3、autofocus ,没有值
autofocus 属性规定在页面加载时,域自动地获得焦点。
注意:有些场景下,其实不需要这种功能,有些插件,比如angular的ng-dialog,会默认使用该功能,导致进入该页面之后
自动聚焦第一个input框。有时,这种体验并不好。
4、list
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
list 属性规定输入域的 datalist。datalist 是输入域的选项列表。
与select的比较:list貌似只是加入了模糊搜索的功能。
未完。。后续再编辑