html表单最小值,HTML Input Range min用法及代码示例

HTML DOM中的Input Range min属性用于设置或返回滑块控件的min属性的值。 min属性用于指定滑块控件的最小值。

用法:

它返回Input Range min属性：

rangeObject.min

用于设置输入范围的最小值属性：

rangeObject.min = number

属性值：它包含单个值数字，该数字指定滑块控件允许的最小值。

返回值：它返回一个代表最小允许值的字符串。

示例1：

DOM Input Range min Property

GeeksForGeeks

DOM Input Range min Property

id="myRange"

min="10"

max="50">

Click Here!

style="font-size:23px;

color:green;">

function myGeeks() {

// Accessing input value

var x =

document.getElementById(

"myRange").min;

document.getElementById(

"GFG").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：

DOM Input Range min Property

GeeksForGeeks

DOM Input Range min Property

id="myRange"

min="10"

max="50">

Click Here!

style="font-size:23px;

color:green;">

function myGeeks() {

// Accessing input value

var x =

document.getElementById(

"myRange").min = "25";

document.getElementById(

"GFG").innerHTML =

"The value of the min attribute"+

" was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：

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

谷歌浏览器

Internet Explorer 10.0

Firefox

Safari

Opera