HTML DOM Input Range 對象

Input Range 對象

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

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

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

訪問 Input Range 對象

您可以通過使用 getElementById() 來訪問 <input type="range"> 元素：

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

親自試一試

提示：您也可以通過遍歷表單的 elements 集合 來訪問 Input Range 對象。

創建 Input Range 對象

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

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

親自試一試

Input Range 對象屬性

屬性 描述
autocomplete 設置或返回滑塊控件的 autocomplete 屬性值。
autofocus 設置或返回滑塊控件在頁面加載后是否應自動獲取焦點。
defaultValue 設置或返回滑塊控件的默認值。
disabled 設置或返回滑塊控件是否被禁用。
form 返回對包含滑塊控件的表單的引用。
list 返回對包含滑塊控件的 datalist 的引用。
max 設置或返回滑塊控件的 max 屬性值。
min 設置或返回滑塊控件的 min 屬性值。
name 設置或返回滑塊控件的 name 屬性值。
step 設置或返回滑塊控件的 step 屬性值。
type 返回滑塊控件的表單元素類型。
value 設置或返回滑塊控件的 value 屬性值。

Input Range 對象方法

方法 描述
stepDown() 按指定數字遞減滑塊控件的值。
stepUp() 按指定數字遞增滑塊控件的值。

標準屬性和事件

Input Range 對象支持標準屬性和事件。

相關頁面

HTML 教程：HTML 表單

HTML 參考手冊：HTML <input> 標簽

HTML 參考手冊：HTML <input> type 屬性