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:
html
<!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 1 and above
- Edge 12 and above
- Firefox 1 and above
- Opera 8 and above
- Safari 3 and above
Please Login to comment...