HTML | DOM Input Button value Property
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> <!-- Assigning button id --> <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> <!-- Assigning button id --> <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
Please Login to comment...