(2)、
<input type="range" min="-10" max="10">min: 设置最小值； max: 设置最大值
(3)、
<input type="range" min="5" max="10" step="0.01">step: 设置步进值，默认是1。如果min或者max设置了小数点，比如：max="3.14"，这个小数点就取不到了，那么可以将step设置为: step="any"。
(4)、hash marks和label：
注意：目前没有哪个浏览器完全支持hash marks和label这两个属性，比如Firefox两个都不支持，Chrome支持hash marks但是不支持label.
a) hash marks：
<input type="range" name="points" min="" max="" step="any" id="hpro" list="tickmarks"/>
<datalist id="tickmarks">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="">
</datalist>b) label ：
<input type="range" name="points" min="" max="" step="any" id="hpro" list="tickmarks"/>
<datalist id="tickmarks">
<option value="" label="%">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="" label="%">
<option value="">
<option value="">
<option value="">
<option value="">
<option value="" label="%">
</datalist>
(5)、autofocus可以设置或返回滑块是否自动获得焦点，设置为true后，进入网页会自动锁定滑块，在键盘上按上下左右都可以控制
2、外观美化：
input[type=range] {
outline: none;
-webkit-appearance: none;
/* 去除系统默认appearance的样式,常用于IOS下移除原生样式 */
border-radius: px;
}
-webkit-appearance: none; 去除默认样式
