JavaScript HTML DOM Input Range 对象

• 

  Input Range 对象

  Range对象表示一个HTML <input>元素，其type=“range”。

  注意： Internet Explorer 9及早期版本不支持type =“range”的<input>元素。

  您可以使用getElementById()访问type=“range”的<input>元素：

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

  尝试一下

  提示：您还可以通过搜索表单的elements集合来访问<input type =“range”> 。

  您可以使用document.createElement()方法创建type=“range”的<input>元素：

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

  尝试一下
• 

  Input Range 对象属性

  属性	描述
  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 属性