Atributo autocomplete
El atributo autocomplete cancela el autocompletado automático
de los formularios.
El autocompletado automático es cuando el navegador sugiere completar un campo con los datos que ya se introdujeron en ese campo anteriormente. Esto no siempre puede ser conveniente, ya que, por ejemplo, el navegador puede sugerir su nombre de usuario o contraseña a un malintencionado, etc. Para los campos en los que se introduce información confidencial, se debe desactivar el autocompletado.
El atributo autocomplete se puede utilizar
no solo para ocultar datos confidenciales.
Por ejemplo, se puede desactivar el autocompletado
en las respuestas de los tests. Esto es necesario para que
al realizar el test por segunda vez, el navegador no
sugiera las respuestas (se pierde todo el interés de los tests).
Se puede usar como un atributo sin valor, o se puede especificar uno de los valores.
Valores
| Valor | Descripción |
|---|---|
on |
El autocompletado está activado (este es el valor por defecto). |
off |
El autocompletado está desactivado. |
Ejemplo
Vamos a activar el autocompletado para un input. Introduzca en él, por ejemplo, la palabra "autocompletado" y pulse el botón de envío (esto es obligatorio, ya que el navegador solo recuerda las palabras enviadas). Después de esto, regrese al ejemplo e introduzca en él la letra "a" - el navegador le sugerirá la palabra "autocompletado" y podrá seleccionarla sin tener que escribirla completamente:
<form action="">
<input type="text" autocomplete="on" name="test">
<input type="submit">
</form>
:
Ejemplo
Y ahora vamos a desactivar el autocompletado. Realice las mismas manipulaciones que en el ejemplo anterior, pero no aparecerán sugerencias:
<form action="">
<input type="text" autocomplete="off" name="test">
<input type="submit">
</form>
:
Véase también
-
la etiqueta
datalist,
que crea un autocompletado a partir de su lista