HTML | DOM Form reset() Method
The Form reset() method in HTML DOM is used to reset all the value of form elements and use the default value. This method works as a reset button. It does not contain any parameters.
Syntax:
formObject.reset()
Example:
<!DOCTYPE html> < html > < head > < title > HTML DOM Form reset() Method </ title > </ head > < body > < h1 style = "color:green;" > GeeksForGeeks </ h1 > < h2 >DOM Form reset() Method</ h2 > <!-- HTML code to create form --> < form action = "#" method = "post" id = "users" > < label for = "username" >Username:</ label > < input type = "text" name = "username" id = "Username" > < br > < label for = "password" >Password:</ label > < input type = "password" name = "password" id = "password" > < br > < input type = "reset" id = "GFG" value = "Reset" > </ form > <!-- script to use reset() method --> < script > document.getElementById("GFG").reset(); </ script > </ body > </ html > |
Output:
Before Click on the Button:
After Click on the Button:
Supported Browsers: The browser supported by DOM Form reset() method are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari