Skip to content

How to reset a form

FULL-STACK WEB DEVELOPMENT BOOTCAMP

2024 COHORT SIGNUPS END TOMORROW

A common need on a Web page that contains a form is to reset it to the original state.

I think that some time ago many forms had a β€œreset” button, although now I see it being used less and less.

The reset button is an input element with type="reset":

<input type="reset" />

You can programmatically reset a form using JavaScript, too.

All you need is the form element reference:

const form = document.querySelector('form')

and then you can call the reset() method on the it:

form.reset()

This will clear all the elements in the form, restoring them to the original state.

β†’ Read my DOM Tutorial
β†’ Read my Browser Events Tutorial
β†’ Read my Browser APIs Tutorials
h
  • Learn modern web development in my BOOTCAMP (SIGNUP END TOMORROW FEB 20, 2024)
  • THE VALLEY OF CODE (+ PRO), your web development manual
  • I wrote 15+ coding BOOKS, all available in THE VALLEY OF CODE PRO
  • Indie solopreneur internet business masterclass SOLO LAB (summer 2024)