html文本框带按钮代码,HTML Input Button value用法及代码示例

HTML DOM中的DOM输入按钮值属性用于设置或返回Button字段的value属性的值。 value属性指定在Button上显示的文本。

用法:

它返回value属性。buttonObject.value

用于设置value属性。buttonObject.value = text

属性值：它包含单个值文本，该文本定义了输入Button字段的值。

返回值：它返回代表按钮字段值的字符串值。

示例1：本示例说明了如何返回属性。

h1 {

color:green;

}

GeeksForGeeks

DOM Input Button value Property

id="GFG"

οnclick="myGeeks()"

value="Submit">

style="color:green;

font-size:25px;">

function myGeeks() {

// accessing 'button' id.

var g =

document.getElementById(

"GFG").value;

document.getElementById(

"sudo").innerHTML = g;

}

输出：

在单击按钮之前：

单击按钮后：

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

h1 {

color:green;

}

GeeksForGeeks

DOM Input Button value Property

id="GFG"

οnclick="myGeeks()"

value="Submit">

style="color:green;

font-size:25px;">

function myGeeks() {

// accessing 'button' id.

var g =

document.getElementById(

"GFG").value = "click here";

document.getElementById(

"sudo").innerHTML =

"The value was changed to " + g;

}

输出：

在单击按钮之前：

单击按钮后：

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

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari