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()	由指定數量的遞增滑塊控制的值

輸入範圍對象還支持標準的屬性和事件。