HTML5表单新属性

HTML5表单新属性

autofocus  自动聚焦 <input type="text" autofocus>

placeholder占位文本

tel             电话号码输入域

email　　　 电子邮件

url             URL地址

在移动设备上 "虚拟键盘布局变化"

滑块 range <input type="range" min="0" max="10" value="3" name="priority">

选值框 number  <input type="number" min="0" max="10" name="estimated_hours">(请输入0-10之间的数据)

日期控件

date<input type="date" value="2014-9-28">
time<input type="time">

color <input type="color">

datalist 双击下拉选择
<input type="text" list="csserData">
<datalist id="csserData">
<option label="www.csser.com" value="csser" />
<option label="www.popcg.com" value="popcg" />
<option label="www.easejs.com" value="easejs" />
</datalist>

可祥看Demo:http://demo.qpdiy.com/hxw/CSS3/HTML5%E8%A1%A8%E5%8D%95.html