【滑稽】每日一记——H5部分新特性

 

HTML5新增结构标签：

 

 

 

html5表单新增属性：
form：指向特定表单id，实现input无需放到表单中，即可通过form提交

formaction /formmethod ：
设置某个submit 按钮，提交到指定的action地址，使用指定的method 方法，会覆盖form中的action和method属性
list为input绑定一组指定的datalist提示信息 （datalist具有和autocomplete类似 的自动筛选完成功能），
例： <input type="text" list="data1"/>
<datalist id="data1">
<option>1234</option>
<option>2234</option>
<option>3234</option>
</datalist>

 例：

           看不懂实在不行再在浏览器里试试

 

【html5智能表单】
1，H5新增input的form属性，用于指向特定form表单的id，实现input无需放在form标签之中，即可通过表单进行提交。
<form id=foo>
...
</form>
<input ... form="foo">

2，新增input的属性：
Autocomplete：自动完成功能 <<<根据记忆之前输入过的内容，在下次输入时，根据以前的内容提示，自动完成。
<<< 绝大部分浏览器自动开启。
<<< 有两个属性值off/on
<<<可以在<form>标签上设置autocomplete，控制整张表单的自动完成开关。但可以在个别input上单独设置，覆盖form的整体设置。

Autofocus：自动获得焦点 autofocus="autofocus"

Form：所属表单，通过form表单的id，指向特定表单

Required：必填。 required=“required” 设置input为必填

Pattern：验证input的模式

Placeholder：提示