HTML DOM输入范围对象

输入范围对象

输入范围对象是HTML5中的新。

输入范围对象表示一个HTML <input>类型为“范围”单元。

注意： <input>类型元素=“范围”并不在Internet Explorer 9及更早版本支持。

可以访问的<input>通过使用与类型=“范围”元素getElementById()

var x = document.getElementById("myRange");

提示：也可以访问<input type="range">通过经由搜索元素形式的集合。

可以创建<input>通过使用类型为“范围”元素document. createElement() document. createElement()方法：

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

属性	描述
autocomplete	设置或返回的值autocomplete的滑块控制的属性
autofocus	设置或返回是否滑块控件应该自动获得焦点的页面加载时
defaultValue	设置或返回滑块控件的默认值
disabled	设置或返回是否滑块控件被禁用，或者不
form	返回到形式的参考包含滑块控制
list	返回到包含滑块控件在DataList参考
max	设置或返回的值max的滑块控件的属性
min	设置或返回的值min滑块控件的属性
name	设置或返回的值name滑块控件的属性
step	设置或返回值step滑块控件的属性
type	返回哪种类型的形式元件的滑块控制是
value	设置或返回的值value的滑块控制的属性

方法	描述
stepDown()	由指定数量的递减滑块控制的值
stepUp()	由指定数量的递增滑块控制的值

输入范围对象还支持标准的属性和事件。