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...