W3Schools.com

Form reset() Method

Form Object Reference Form Object

Definition and Usage

The reset() method resets the values of all elements in a form (same as clicking the Reset button).

Syntax

formObject.reset()


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The reset() method is supported in all major browsers.


Example

Example

Create a button that resets the form:

<html>
<head>
<script type="text/javascript">
function formReset()
{
document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<form id="frm1">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="button" onclick="formReset()" value="Reset form" />
</form>

</body>
</html>

Try it yourself »


Form Object Reference Form Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE