Skip to content
Related Articles

Related Articles

HTML | DOM Form reset() Method
  • Last Updated : 12 Feb, 2019

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 arrow_drop_up
Recommended Articles
Page :