How do you clear a form in html?

An arrow pointing leftAn arrow pointing rightAn arrow pointing leftA magnifying glassThe Twitter logoThe Facebook logoThe LinkedIn logoThe Google Plus logo The RSS feed symbolThe Wufoo by SurveyMonkey LogoThe Wufoo by SurveyMonkey LogoA credit cardA tray with an upwards pointing arrowA diamond with two arrows leading to different boxesTwo bars in a chartTwo pagesA painter's paletteA question mark in a circle A website layoutA signpostA speech bubbleTwo interlinked arrowsA bar chart with a magnifying glass near itA climbing graph in a magnifying glassA lockA certificateA shopping bagA graduation capA pair of hands holding up a heartAn open envelope with a note insideA ribbon An appleA hand dragging an item between two othersA paper airplaneAn arrow pointing downwards into a trayA bar chart with a magnifying glass near itTwo bars in a graphTwo pagesTwo arrows circling into each otherA credit cardA trophy with a star on itTwo peopleTwo hands holding a heartTwo hands holding moneyTwo hands holding a party poppercheckmarkcustom brandingsslnotificationpaymentdata fortress captchadata reportworkflowintegrationcustom reporttheme gallerypricing notificationspricing securitypricing form template gallerypricing analytics reportingpricing theme designerpricing rest apipricing mobilepricing customer supportpricing social sharingpricing field validationpricing custom responses Skip to the main content

Wufoo

Get Started
Web Forms
Features
Templates
Pricing
Guides
Why Wufoo? Easy, Customizable Online Forms & Reporting
Integrations
Examples
Blog
Help Center

Features
Templates
- All Templates
- Forms
- Registration
- Surveys
- Tracking
- Online Orders
- Lead Generation
- Invitations
Demo
Pricing
Integrations
Resources
- Guides
- Why Wufoo
- Examples
- Blog
- Help Center

Table of Contents Show

The Low Down
Let Wufoo do the hard work.
How do I clear data from a form?
How do you clear a form on refresh?
Which button clears all the fields in the form?
How do you clear the input field?

Live Demo

Firefox	Safari	Safari	Chrome	Opera	IE	Android

The Low Down

The reset input type creates a button that resets the form to the default values.

If the value attribute is present, the value of that attribute will be the text on the button. If not, the default wording on the reset button is “Reset”.
The reset button brings the form back to it’s initial, default state. It doesn’t necessarily clear the form: if the form was initially blank, it will be cleared. If, by default, any data was pre-filled, checkboxes checked, etc, the original values will be reset when the button is clicked.
If the user checked a radio button, the reset button is the only non-programmatic way of deselecting the same named radio button group.
The name attribute is not necessary as the name and value of the reset are NOT submitted along with the form.
While the form attribute is valid, since it resets the form, many attributes like autocomplete, dirname,formaction,formmethod, formenctype, formnovalidate, formtarget, and inputmode are not valid for the reset button.

Let Wufoo do the hard work.

How do I clear data from a form?

The reset() method resets the values of all elements in a form (same as clicking the Reset button). Tip: Use the submit() method to submit the form.

How do you clear a form on refresh?

You could call the reset() method of the forms object from the body load event of your html document to clear the forms.

Which button clears all the fields in the form?

The clear button allows a website visitor to clear all of the fields on the form.

How do you clear the input field?

To clear the entire input field without having to delete the whole thing manually Or what if there is already a pre-suggested input present in the input field, that the user doesn't want..

Create a button..

Get the id of input field..

Set the value NULL of input field using document. getElementById('myInput'). value = ”.