传统表单元素 

form 
input：text、password（暗文输入）、button、submit、reset、file、hidden、radio、checkbox… 
button 
select 
label 
textarea 
…

H5对于表单的升级 

1、给input设置了很多新的类型 

search 
email 
tel 
number 
range 
color 
date 
time 
…

[优势] 

1) 功能强大了 

2) 使用合适的类型，在移动的开发的时候，用户输入，可以调取出最符合输入内容格式的虚拟键盘，方便用户操作 

3) 部分类型提供了表单验证（内置验证机制：和我们自己写的正则验证不太一样，但是也可以凑合 [ CSS中可以验证、JS中也可以验证 ]）

2、给input新增一个属性：placeholder，给表单框做默认的信息提示

3、二级下拉框（select一级下拉框）

<input type="text" id="department" list="departmentList">
<datalist id="departmentList">
    <option value="市场部">市场部</option>
    <option value="技术部">技术部</option>
    <option value="总裁办">总裁办</option>
</datalist>

H5针对于表单元素升级的部分，在IE低版本（有的IE9和10都不兼容）中不兼容，而且没办法处理兼容，所以我们一般移动端使用这些新特性，PC端还是延续传统的操作办法；

H5中的表单验证（内置规则不是特别好），所以真实项目中的表单验证依然延续传统的正则验证完成