html input name成都绕,HTML Input Range name用法及代码示例

HTML DOM中的DOM输入范围NAME属性用于设置或返回范围字段的name属性的值。每个输入字段都需要name属性。如果未在输入字段中指定name属性，则将根本不发送该字段的数据。

用法:

它返回输入数字范围属性。rangeObject.name

用于设置输入范围名称属性。rangeObject.name = name

属性值：它包含一个单个值名称，该名称定义了范围字段的名称。

返回值：它返回一个字符串值，表示范围字段的名称。

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

HTML DOM Input range name Property

#Geek_p {

font-size:30px;

color:green;

}

GeeksForGeeks

DOM Input Range name property

eek_range type="range"

id="Geek_Range"

value="90">

Click Here

function myGeeks() {

// Return name property.

var x =

document.getElementById(

"Geek_Range").name;

document.getElementById(

"Geek_p").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明如何设置名称属性。

HTML DOM Input range name Property

#Geek_p {

font-size:30px;

color:green;

}

GeeksForGeeks

DOM Input Range name property

eek_range type="range"

id="Geek_Range"

value="90">

Click Here

function myGeeks() {

// Set name property.

var x =

document.getElementById(

"Geek_Range").name = "myGeeks";

document.getElementById("Geek_p").innerHTML =

"The value of the name"+

" attribute was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：

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

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari