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
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
31 Aug, 2022
Like Article
Save Article