Valor incorrecto “contact” para el atributo “autocomplete” en el elemento “input”: La cadena “contact” no es un nombre de campo de autocompletado válido.

El atributo autocomplete ayuda a los navegadores a autocompletar campos de formulario con datos de usuario guardados previamente. La especificación HTML define un conjunto estricto de valores válidos, y cada uno se mapea a un tipo específico de información (como un nombre, dirección de correo electrónico, número de teléfono o dirección postal). La cadena "contact" por sí sola no es un nombre de campo de autocompletado válido — es un token de tipo de contacto, que es un modificador destinado a combinarse con un nombre de campo para distinguir entre diferentes tipos de información de contacto.

La especificación HTML define varios tokens de tipo de contacto: "home", "work", "mobile", "fax" y "pager" (para campos relacionados con teléfonos), así como los tokens de ámbito más amplios "shipping" y "billing". El token "contact" no existe como un valor independiente en absoluto. Puede que lo hayas confundido con un patrón de prefijo de tipo de contacto como "home email" o "work tel", o puede que hayas tenido la intención de usar un nombre de campo específico completamente.

Obtener el valor correcto de autocomplete es importante por varias razones. Los navegadores dependen de estos tokens exactos para ofrecer sugerencias de autocompletado relevantes. Los lectores de pantalla y las tecnologías de asistencia también pueden usar esta información para ayudar a los usuarios a entender qué datos espera un campo. Un valor inválido significa que el navegador probablemente ignorará el atributo por completo, degradando la experiencia del usuario — especialmente en dispositivos móviles donde el autocompletado se usa intensivamente.

Para solucionar el problema, determina qué tipo de información está recolectando el campo de entrada y usa el nombre de campo de autocompletado apropiado. Los valores válidos comunes incluyen "name", "email", "tel", "street-address", "postal-code", "organization" y "username". Si quieres indicar que este es específicamente un correo electrónico o teléfono de contacto (en oposición a, digamos, uno de facturación), no usas "contact" — en su lugar, puedes omitir el modificador completamente o usar un enfoque de ámbito de sección.

Ejemplos

❌ Inválido: Usar “contact” como valor de autocomplete

<label for="email">Correo Electrónico de Contacto</label>
<input type="email" id="email" name="email" autocomplete="contact">

El valor "contact" no es un nombre de campo de autocompletado reconocido, por lo que el navegador no puede determinar qué autocompletar.

✅ Corregido: Usar un nombre de campo de autocompletado válido

<label for="email">Correo Electrónico de Contacto</label>
<input type="email" id="email" name="email" autocomplete="email">

El valor "email" es un nombre de campo de autocompletado válido que le dice al navegador que sugiera direcciones de correo electrónico guardadas.

✅ Corregido: Usar una combinación válida con un token de sección o tipo de contacto

Si necesitas diferenciar entre tipos de números de teléfono, puedes usar tokens como "home", "work" o "mobile" como prefijos:

<label for="work-tel">Teléfono del Trabajo</label>
<input type="tel" id="work-tel" name="work-tel" autocomplete="work tel">

<label for="home-email">Correo Electrónico Personal</label>
<input type="email" id="home-email" name="home-email" autocomplete="home email">

Valores comunes válidos de autocomplete

Aquí están algunos nombres de campo de autocompletado válidos usados frecuentemente:

Para la lista completa de valores válidos y sus combinaciones permitidas, consulta la especificación de autocompletado WHATWG.

Más información:

WHATWG Spec

HTML Spec: autocomplete

→