HTML | DOM Input Button value Property
Last Updated :
25 Aug, 2022
The DOM Input Button value Property in HTML DOM is used to set or return the value of a value attribute of the Button field. The value attribute specifies the text that is displayed on the Button.
Syntax:
- It returns the value property.
buttonObject.value
- It is used to set the value property.
buttonObject.value = text
Property Value: It contains single value text which defines the value of the input Button field.
Return Value: It returns the string value which represent the value of the Button Field.
Example 1: This example illustrates how to return the property.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1>
GeeksForGeeks
</h1>
<h2>
DOM Input Button value Property
</h2>
<input type="button"
id="GFG"
onclick="myGeeks()"
value="Submit">
<p id="sudo"
style="color:green;
font-size:25px;">
</p>
<script>
function myGeeks() {
// Return Input Button value Property
var g =
document.getElementById(
"GFG").value;
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Example 2: This Example illustrates how to set the Property.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
</style>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>
DOM Input Button value Property
</h2>
<input type="button"
id="GFG"
onclick="myGeeks()"
value="Submit">
<p id="sudo"
style="color:green;
font-size:25px;">
</p>
<script>
function myGeeks() {
// Setting Input Button value Property
var g =
document.getElementById(
"GFG").value = "click here";
document.getElementById(
"sudo").innerHTML =
"The value was changed to " + g;
}
</script>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers: The browsers supported by DOM input Button value property are listed below:
- Google Chrome 1
- Edge 12
- Firefox 1
- Opera
- Safari 1
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...