HTML DOM Input Range 对象
Input Range 对象
Input Range 对象代表一个 type="range" 的 HTML <input> 元素。
注释: Internet Explorer 9 及更早版本不支持带有 type="range" 的 <input> 元素。
访问 Input Range 对象
您可使用 getElementById() 来访问带有 type="range" 的 <input> 元素:
提示: 您还可以通过搜索表单的 elements 元素集合来访问 <input type="range">。
创建 Input Range 对象
您可使用 document.createElement() 方法来创建带有 type="range" 的 <input> 元素:
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() | 将滑块控件的值增加指定的数字 |
标准属性和事件
相关页面
HTML 教程: HTML 表单
HTML 参考手册: HTML <input> 标签
HTML 参考手册: HTML <input> type 属性
