How to Create a Reset Button in HTML

Last Updated: February 16, 2020

Want to give your visitor the ability to clear all form data they entered? This article will give you the code to input the button they'll need to clear their data.

Steps

1
Create an HTML form with the <form> tag.
2
Create several options that the user can type in information or click a selection button, or do something.

Advertisement
3
Create your reset button. Type the <input type="reset"> tag into the code towards the top and/or bottom of the HTML form.
4
Close the form after all input fields are entered with a final </form> tag.
5
Save and preview your new adjusted form with the new reset button. Try it out, to see if it works correctly; click a selection or type a value and then click the reset button.

Community Q&A

Question

I have done the coding right, but the reset won't work. What should I do?

Community Answer

if you are trying to reset the HTML form's fields by clicking a button, you should call a javascript function through that button and, in that function, you would be able to access all HTML forms' input fields and reset them to whatever you want.