Atributo de autocompletar HTML
Definición y uso
El
autocompleteatributo especifica si un formulario o un campo de entrada debe tener activado o desactivado el autocompletado.
Autocompletar permite que el navegador prediga el valor. Cuando un usuario comienza a escribir en un campo, el navegador debe mostrar opciones para completar el campo, en función de los valores escritos anteriormente.
Sugerencia: Es posible tener la función de autocompletar "activada" para el formulario y "desactivada" para campos de entrada específicos, o viceversa.
Nota: el
autocompleteatributo funciona con los siguientes
<input>tipos: texto, búsqueda, URL, teléfono, correo electrónico, contraseña, selectores de fecha, rango y color.
Se aplica a
El
autocompleteatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <formulario> | autocompletar |
| <entrada> | autocompletar |
Ejemplos
Ejemplo de formulario
Un formulario con autocompletar en:
<form action="/action_page.php" method="get" autocomplete="on">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
Ejemplo de entrada
Un formulario HTML con autocompletar activado (y desactivado para un campo de entrada):
<form action="/action_page.php" autocomplete="on">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
Compatibilidad con navegador
El autocompleteatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| form | Yes | Yes | 4.0 | 5.2 | 15.0 |
| input | 17.0 | 5.0 | 4.0 | 5.2 | 9.6 |