HTML | DOM Input Reset value Property
The Input Reset value Property in HTML DOM is used to set or return the value of the value attribute of a Input reset Field. The value attribute specifies the text displayed in the reset Field.
Syntax:
- It returns the Input Reset value Property.
resetObject.value
- It is used to set the Input Reset value Property.
resetObject.value = text
Property Value: It contains single value text which defines the text displayed in the reset button.
Return Value: It returns the string value which represent the text displayed in the reset button.
Example 1: This example illustrates how to return the Input reset value property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Input reset value property </ title > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < h2 >DOM Input reset value Property</ h2 > < input type = "reset" id = "GeekReset" value = "Reset form" > < p > Click on below button to return the Property </ p > < button onclick = "myBeginner()" > Click Here </ button > < p id = "Geek_p" style = "font-size:30px; color:green;" ></ p > <!-- Script to return the Input reset value Property --> < script > function myBeginner() { var x = document.getElementById("GeekReset").value; document.getElementById("Geek_p").innerHTML = x; } </ script > </ body > </ html > |
Output:
Before Clicking the Button:
After Clicking the Button:
Example 2: This example illustrates how to set the Input Reset value Property.
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM Input reset value property </ title > </ head > < body style = "text-align:center;" > < h1 style = "color:green;" > w3wiki </ h1 > < h2 >DOM Input reset value Property</ h2 > < input type = "reset" id = "GeekReset" value = "Reset form" > < p > Click on below button to set the Property </ p > < button onclick = "myBeginner()" > Click Here </ button > < p id = "Geek_p" style = "font-size:30px; color:green;" ></ p > <!-- Script to set the e Input reset value Property --> < script > function myBeginner() { var x = document.getElementById("GeekReset").value = "Reset Button"; document.getElementById("Geek_p").innerHTML = x; } </ script > </ body > </ html > |
Output:
Before Clicking the Button:
After Clicking the Button:
Supported Browsers: The browser supported by DOM Input Reset value property are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1 and above
- Opera
- Safari 1 and above