html5新特性笔记

表单：

<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貌似只是加入了模糊搜索的功能。

未完。。后续再编辑