Los navegadores y administradores de contraseñas pueden completar campos comunes cuando el marcado identifica la información esperada. Los tokens de autocompletar son sugerencias semánticas, no texto de marcador de posición.

<label for="email">Email</label>
<input id="email" name="email" type="email" autocomplete="email">

<label for="postal">Postal code</label>
<input id="postal" name="postal" autocomplete="postal-code">

Elija el token que coincida con los datos

  • Utilice nombre, correo electrónico, teléfono, dirección y código postal para sus valores correspondientes.
  • Utilice la contraseña actual y la nueva contraseña para distinguir el inicio de sesión de la creación de cuenta.
  • Mantenga una etiqueta visible y un atributo de nombre estable; autocompletar no reemplaza a ninguno de los dos.

No luches contra el navegador

Evite deshabilitar el autocompletar para formularios de inicio de sesión y contacto ordinarios. Pruebe con la navegación por teclado y un administrador de contraseñas, y verifique que cada valor sugerido llegue al campo correcto.

La semántica de formularios clara reduce la escritura y los errores de los visitantes. También hacen que las herramientas automatizadas sean más capaces de comprender la página, sin convertir un formulario en un cebo para los motores de búsqueda.