HTML5新控件 - 滑动条

滑动条range控件同number控件类似，它可以表示整数或者小数值。同时也支持min和max属性，用于设置允许的范围。

不同的是，number控件是一个文本框形式，而range控件使用滑动条的形式。和音量调节器很像，通过拖动滑块来选择值。适用于那些对输入数据不要特别精确地方使用。

<input type="range" min="0" max="100" value="70"/>

（注意：range控件浏览器不会告诉你最终设定了多大的值，如果想要显示这个值，可以使用js响应滑动条的变化事件（onChange事件），然后在旁边把值显示出来。）