html range关联文本框 HTML Input Range type用法及代码示例

HTML DOM中的DOM输入范围类型属性用于返回滑块控件属于哪种类型的表单元素。所有浏览器均应返回“range”。而Internet Explorer始终返回“text”而不是“range”。

用法:

rangeObject.type

返回值：它返回一个字符串值，该值表示滑块控件所使用的表单元素的类型。

示例1：本示例说明了如何返回输入范围类型属性。

HTML DOM Input range type Property

#Geek_p {

font-size:30px;

color:green;

}

GeeksForGeeks

DOM Input Range type property

eek_range type="range"

id="Geek_Range"

value="90">

Click Here

function myGeeks() {

// Return type.

var x =

document.getElementById(

"Geek_Range").type;

document.getElementById(

"Geek_p").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入范围类型“属性”支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari