Form resetting is not working

forms, html, javascript, jquery, reset

Solution

I finally solved my issue. the problem is `"id=reset"`. Because it overrides the `reset` method . I changed it to `id="reset1"`. Now it is working

Problem

I'm using the following code to reset the form fields. ``` document.getElementById("form1").reset();//form1 is the form id. ``` It is not working. I also tried with `JQuery`. Even JQuery also not working. ``` $("#reset").click(function(){ $('form1')[0].reset(); }); ``` My html code is ``` <form name="form1" id="form1" method="post"> <h3>Personal Information</h3> <h4>Name</h4> <input type="text" id="fname" name="fname" maxlength=50 size=11/> <input type="text" id="mname" name="mname" maxlength=15 size=8/> <input type="text" id="lname" name="lname" maxlength=50 size=11/> <input type="button" id="reset" value="Reset" onclick="Reset()"/> </form> ``` I'm following W3Schools. Here is my Fiddle. Can you please explain the mistake?

Original source

Related problems