En este artículo, aprenderemos cómo crear un botón de reinicio en formularios HTML. Básicamente, el botón de reinicio se utiliza para restablecer todo el valor de los datos del formulario y establecer su valor predeterminado inicial. En caso de que el usuario haya ingresado datos incorrectos, el usuario puede corregirlos fácilmente haciendo clic en el «Botón Restablecer».
Enfoque: aquí hay un enfoque simple para agregar un botón de reinicio:
- Primero, creamos un documento HTML que contiene un elemento <form>.
- Cree un elemento <input> debajo del elemento de formulario.
- Utilice el atributo de tipo con el elemento <input>.
- Establezca el atributo de tipo en el valor «restablecer».
Sintaxis
<input type="reset">
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to Create a Reset Button in form using HTML? </title> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2> How to Create a Reset Button in form using HTML? </h2> <form> Email ID: <input type="email"> <br> <br> Password: <input type="password"> <br><br> <input type="submit"> <input type="reset"> </form> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA