滑动条range控件同number控件类似,它可以表示整数或者小数值。同时也支持min和max属性,用于设置允许的范围。
不同的是,number控件是一个文本框形式,而range控件使用滑动条的形式。和音量调节器很像,通过拖动滑块来选择值。适用于那些对输入数据不要特别精确地方使用。
<input type="range" min="0" max="100" value="70"/>
(注意:range控件浏览器不会告诉你最终设定了多大的值,如果想要显示这个值,可以使用js响应滑动条的变化事件(onChange事件),然后在旁边把值显示出来。)