html input range修改,HTML Input Range value用法及代码示例

HTML DOM中的DOM输入范围值属性用于设置或返回滑块控件或输入范围字段的值。该属性指定默认值或用户类型值。

用法:

它返回value属性。rangeObject.value

用于设置value属性。rangeObject.value = number

属性值：它包含一个值，即指定滑块控件值的数字。默认值为50。

返回值：它返回一个字符串值，该值表示代表滑块控件值的数字。

示例1：本示例说明了如何返回值Property。

HTML DOM Input range value Property

#Geek_p {

font-size:30px;

color:green;

}

GeeksForGeeks

DOM Input Range value property

eek_range type="range"

id="Geek_Range"

value="90">

Click Here

function myGeeks() {

var x =

document.getElementById(

"Geek_Range").value;

document.getElementById(

"Geek_p").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明了如何设置值属性。

HTML DOM Input range value Property

#Geek_p {

font-size:30px;

color:green;

}

GeeksForGeeks

DOM Input Range value property

eek_range type="range"

id="Geek_Range"

value="90">

Click Here

function myGeeks() {

// Set range value.

var x =

document.getElementById(

"Geek_Range").value = 60;

document.getElementById(

"Geek_p").innerHTML =

"The value of the range attribute was changed to "

+ x;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入范围值属性支持的浏览器如下：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari