H5新增的标签总结

1:便于排版的Form表单

HTML5为了方便排版，可以使form的表单标签脱离form的嵌套。

方法：form指定id，所有的标签标签都添加form= id属性。

例如：

<form action="" method="post" id="register"></form>

<input type="text" name="user" value="" form="register" />

<input type="password" name="pwd" value="" form="register" />

2:form新类型

type = "email" 邮箱（自带格式校验）

type = "url"   网址，必须带协议（自带格式校验）

type = "date"  日期选择器

type = "time" 时间选择器

type = "month" 月份选择器

type = "week" 周选择器

type = "number" 数字选择器

type = "range" 滑动条

max属性

step属性(验证合法性) step="2"，例如从0开始，只能选择0-2-4-6-8

type = "search" 搜索框

results="n"谷歌浏览器可用，显示搜索图标。

type = "color" 颜色选择器

3：新增的表单属性

required="required" 设置必填项

placeholder = "我是默认值" 设置默认值，不会提交到后台

autofocus = "autofocus" 自动聚焦

pattern="d{3}" 自定义正则表达式

4：自动填充表单

<input type="text" name="auto" value="" list="movie" />

<datalist id="movie">

<option>人在囧途</option>

<option>车在囧途</option>

<option>泰囧</option>

</datalist>

5：output标签

<form action="" method="post"

oninput="result.value=parseInt(no1.value)+parseInt(no2.value)">

<input type="number" name="no1" value="" />

<input type="number" name="no2" value="" />

<output name="result"></output>

</form>