JavaScript onreset Event

The onreset event in JavaScript is defined with a form and is triggered when the fields of form are reset.

JavaScript onreset Event Example

Here is an example demonstrates onreset event in JavaScript:

<!DOCTYPE HTML>
<html>
<head>
   <title>JavaScript onreset Event</title>
</head>
<body>

<h3>JavaScript onreset Event Example</h3>
<form onreset="alert('Welcome to fresherearth.com! onreset event is triggered when user clicks the RESET button.')">
   Name:<input type="text" name="name" value=" "><br/>
   Branch:<input type="text" name="branch" value=" "><br/>
   College:<input type="text" name="clg" value=" "><br/>
   Address:<input type="text" name="adr" value=" "><br/>
   Email Id:<input type="text" name="eid" value=" "><br/>
   <input type="reset" value="RESET">
</form>

</body>
</html>

Here are some sample output of the above onreset event example in JavaScript. This is the initial output:

Now fill all the field as shown in the following snapshot:

After filling all the fields, just click on RESET button to reset all the field. Here is the sample output produced after clicking on the RESET button:

Now click on OK button to reset all the fields, here is the snapshot after clicking on OK button:

Here is the live demo output produced by the above JavaScript onreset event example.

JavaScript Online Test

« Previous Tutorial Next Tutorial »