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

My Personal Notes

Recommended Posts:

ManasChhabra2

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.