¿Cuál es la importancia de agregar el atributo de autocompletar en el formulario HTML?

El atributo de autocompletar HTML <form> se usa para especificar que el formulario tiene un valor de autocompletado activado o desactivado . Cuando el atributo de autocompletar se establece en » on «, el navegador completará automáticamente los valores en función de los que el usuario ingresó antes. 

Sintaxis :  

<form autocomplete="on|off">

Valores de atributo:

  • on : Tiene un valor por defecto. Cuando el atributo de autocompletar se establece en «activado», el navegador completará automáticamente los valores en función de los que el usuario ingresó anteriormente.
  • off : El usuario debería haber ingresado los valores de cada campo para cada uso. El navegador no debe autocompletar las entradas.

Ejemplo 1 : este ejemplo ilustra el uso del atributo de autocompletar <form> establecido en «on».

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML Form autocomplete Attribute
    </title>
</head>
 
<body style="text-align:center">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h2>HTML form autocomplete Attribute</h2>
 
    <form action="#" method="post"
          id="users" autocomplete="on">
 
      <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>       
    </form>
</body>
</html>

Salida :         

Ejemplo 2: Este ejemplo ilustra el uso del atributo de autocompletar <input> establecido en «off».

HTML

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <h1 style="color:green;">Welcome to GeeksforGeeks</h1>
    <form id="formID">
        <input type="text" autocomplete="off"
              id="text_id" name="name">
        <input type="submit">
    </form>
</body>
</html>

Producción:        

Publicación traducida automáticamente

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