¿Cómo restablecer todos los valores de formulario usando un botón en HTML?

Puede restablecer fácilmente todos los valores del formulario usando el botón HTML usando el atributo <input type=”reset” >. Al hacer clic en el botón de reinicio, el formulario vuelve a su estado original (el valor predeterminado) antes de que el usuario comenzara a ingresar valores en los campos, seleccionar botones de radio, casillas de verificación, etc. Podría haber muchos escenarios. 

En este artículo, vamos a aprender cómo borrar el campo de entrada.

Sintaxis:

<input type="reset">

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
        <form>
            <input type="text" 
                placeholder="Email address" 
                id="email" name="email" />
            <br /><br />
  
            <input type="password" 
                placeholder="Password" id="pin" 
                name="password" maxlength="8" />
            <br /><br />
  
            <input type="reset" value="Reset" 
                style="background-color: red; 
                        color: white" />
            <input type="submit" value="Submit" 
                style="background-color: green; 
                        color: white" />
        </form>
    </center>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *