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 >
< 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 >
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
Last Updated :
31 Aug, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...