Download Article
Create a reset button in HTML easily with these steps
Download Article
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
-
Create an HTML form with the <form> tag.
-
Create several options that the user can type in information or click a selection button, or do something.Advertisement
-
Create your reset button. Type the <input type="reset"> tag into the code towards the top and/or bottom of the HTML form.
-
Close the form after all input fields are entered with a final </form> tag.
-
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.
Advertisement
Community Q&A
Search
-
QuestionI have done the coding right, but the reset won't work. What should I do?Community Answerif 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.
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement
Video
Tips
- Give the input boxes you ask the visitor to enter, values into names with the 'name="NameHere" attribute.Thanks
Submit a Tip
All tip submissions are carefully reviewed before being published
Name
Please provide your name and last initial
Thanks for submitting a tip for review!
Advertisement
About This Article
Thanks to all authors for creating a page that has been read 99,044 times.
Advertisement