沃德软件技术资讯频道

传递网站建设与软件开发资讯

C#\JAVA\IOS\Android等技术研究

Ajax+DIV+CSS技术技巧/HTML5研究

视觉设计、软件体验度与流行趋势

沃德软件团队经验与心得体会分享

门户网站设计有很多种。最为国人熟知的是像迅雷看看、新浪、腾讯网那种信息类门户。现在也有博客门户等。...[详细]
WEB技术

HTML DOM Input Range 对象

发布:昆明沃德软件 发布时间:2016-06-12  浏览次数:7141
更多

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 属性值。