ອັນເທລ DOM Input Range ໂອລິເຈັນ

Input Range 对象

ບັນດາສັບສຳນັກງານ Input Range ແມ່ນບັນດາສັບໃຫມ່ໃນ HTML5:

ບັນດາສັບສຳນັກງານ Input Range ສະແດງສັບ <input type="range"> HTML:

ຄວາມເຫັນ:Internet Explorer 9 ແລະຫຼັງຈາກນັ້ນບໍ່ສະໜັບສະໜູນສັບສຳນັກງານ <input type="range">:

ເຂົ້າຫາບັນດາສັບສຳນັກງານ Input Range

ທ່ານສາມາດໃຊ້ getElementById() ເພື່ອເຂົ້າຫາສັບສຳນັກງານ <input type="range">:

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

亲自试一试

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

创建 Input Range 对象

您可以通过使用 document.createElement() 方法来创建 元素：

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 标签

HTML 参考手册：HTML type 属性