1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html文本框带按钮代码 HTML Input Button value用法及代码示例

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

时间:2023-10-02 02:49:13

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。