How to Create a Reset Button in HTML

Create a reset button in HTML easily with these steps

Co-authored by Christopher Batchelor

Last Updated: June 26, 2023

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.

Things You Should Know

Before you can create a reset button, you need to create an HTML form using the <form> tag.
Use the <input type="reset"> tag to create a reset button.
Place your reset button near the top or the bottom of the form so users can find it easily.

Steps

Download Article

Advertisement
Type the <input type="reset"> tag into the code towards the top and/or bottom of the HTML form.
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

Search

Add New Question

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.

Thanks! We're glad this was helpful.
Thank you for your feedback.
If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
Yes No

Not Helpful 9 Helpful 36