Cómo restablecer un formulario

Una necesidad común en una página web que contiene un formulario es restablecerlo al estado original.

Creo que hace un tiempo muchos formularios tenían un botón de “reinicio”, aunque ahora veo que se usa cada vez menos.

El botón de reinicio es uninputelemento contype="reset":

<input type="reset">

También puede restablecer un formulario mediante programación utilizando JavaScript.

Todo lo que necesita es la referencia del elemento del formulario:

const form = document.querySelector('form')

y luego puedes llamar alreset()método en el:

form.reset()

Esto borrará todos los elementos del formulario, restaurándolos al estado original.


Más tutoriales de navegador: