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

總結

以上是生活随笔為你收集整理的html文本框带按钮代码,HTML Input Button value用法及代码示例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。