HTML | Método de restablecimiento de formulario DOM()

El método Form reset() en HTML DOM se usa para restablecer todo el valor de los elementos del formulario y usar el valor predeterminado. Este método funciona como un botón de reinicio. No contiene ningún parámetro.

Sintaxis:

formObject.reset()

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head>
    <title>
        HTML DOM Form reset() Method
    </title>
</head>
  
<body> 
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
      
    <h2>DOM Form reset() Method</h2>
      
    <!-- HTML code to create form -->
    <form action="#" method="post" id="users"> 
      
        <label for="username">Username:</label> 
        <input type="text" name="username" id="Username">
          
        <br>
          
        <label for="password">Password:</label>
        <input type="password" name="password" id ="password">
          
        <br>
          
        <input type="reset" id="GFG" value="Reset"> 
    </form> 
      
    <!-- script to use reset() method -->
    <script>
        document.getElementById("GFG").reset();
    </script>
</body> 
  
</html>                    

Salida:
Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Navegadores compatibles: los navegadores compatibles con el método DOM Form reset() se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 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 *