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