JS 参考手册

JavaScript

Input Range 对象是 HTML5 中的新对象。

Input Range 对象表示 HTML <input type="range"> 元素。

注释：Internet Explorer 9 以及更早的版本不支持 <input type="range"> 元素。

您可以通过使用 getElementById() 来访问 <input type="range"> 元素：

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

提示：您也可以通过遍历表单的 elements 集合来访问 Input Range 对象。

您可以通过使用 document.createElement() 方法来创建 <input type="range"> 元素：

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()	按指定数字递增滑块控件的值。

Input Range 对象支持标准属性和事件。