昨天25号有事忙了，今天先更一篇，明天刚好周六，多更一篇把昨天的补上

数字

type 为 number

min最小值
max最大值
step增加或减少的步长

1	<input type="number" name="age" id="age" min="1" max="10" step="2">

滑块

type 为 range

min最小值
max最大值
step增加或减少的步长

ie10以下，不支持range。

1	<input type="range" name="beans" id="beans" min="0" max="500" step="10">

日期时间选择器

使用原生日期时间选择器最大的问题是兼容，ie，ff，Safari都不支持

本地时间

1	<input type="datetime-local" name="datetime" id="datetime">

月

1	<input type="month" name="month" id="month">

时间

1	<input type="time" name="time" id="time">

星期

1	<input type="week" name="week" id="week">

颜色选择器

使用原生颜色选择器最大的问题是兼容，ie，Safari都不支持

1	<input type="color" name="color" id="color">

文件选择器

使用multiple属性支持发送多个文件

1	<input type="file" name="file" id="file" accept="image/*" multiple>

隐藏表单元素

1	<input type="hidden" id="timestamp" name="timestamp" value="1286705410">

图像按钮

常用作网站的点击图片验证，属性基本与img标签一致，点击后会以将点击图像的x，y轴位置发出

例如:http://foo.com?pos.x=123&pos.y=456

1	<input type="image" alt="Click me!" src="my-img.png" width="80" height="30" />

进度条

ie不支持

1	<progress max="100" value="75">75/100</progress>

仪表