Validación HTML: Valor incorrecto "company" para el atributo "autocomplete" en el elemento "input": La cadena "company" no es un nombre válido de campo de autocompletado.

Acerca de este problema HTML

El atributo autocomplete ayuda a los navegadores a rellenar automáticamente campos de formulario con datos de usuario previamente guardados. La especificación HTML define un conjunto estricto de nombres válidos de campos de autocompletado, y "company" no está entre ellos. Aunque “company” pueda parecer una opción intuitiva, la especificación usa "organization" para representar un nombre de empresa, nombre comercial u otro nombre organizacional asociado con la persona o dirección en el formulario.

Usar un valor de autocomplete inválido significa que los navegadores no reconocerán el propósito del campo y no podrán ofrecer sugerencias de autocompletado relevantes. Esto degrada la experiencia del usuario, especialmente en dispositivos móviles donde el autocompletado acelera significativamente la finalización de formularios. También impacta la accesibilidad, ya que las tecnologías de asistencia pueden depender de tokens de autocompletado válidos para ayudar a los usuarios a entender y completar formularios de manera eficiente.

La lista completa de nombres válidos de campos de autocompletado está definida en el WHATWG HTML Living Standard. Algunos valores comúnmente usados incluyen "name", "email", "tel", "street-address", "postal-code", "country" y "organization". Al elegir un valor, siempre consulta la especificación en lugar de adivinar un nombre que parezca lógico.

Ejemplos

❌ Inválido: usar `"company"` como valor de autocompletado

<label for="company">Company Name</label>
<input type="text" id="company" name="company" autocomplete="company">

Esto genera el error de validación porque "company" no es un nombre de campo de autocompletado reconocido.

✅ Válido: usar `"organization"` en su lugar

<label for="company">Company Name</label>
<input type="text" id="company" name="company" autocomplete="organization">

El valor "organization" es el nombre de campo de autocompletado definido en la especificación para “la empresa, organización, institución u otra entidad asociada con la persona, dirección o información de contacto en los otros campos asociados con este campo.”

✅ Válido: usar `"organization"` con una sección y propósito

Puedes combinar "organization" con otros tokens válidos para mayor especificidad:

<label for="work-org">Employer</label>
<input type="text" id="work-org" name="employer" autocomplete="section-work organization">

Esto le dice al navegador que el campo es para un nombre de organización dentro de una sección específica nombrada del formulario, lo cual es útil cuando un formulario recopila información sobre múltiples entidades.

Nombres comunes de campos de autocompletado para formularios empresariales

Aquí tienes algunos valores válidos de autocomplete que podrías usar junto con "organization" en un formulario relacionado con empresas:

"organization" — nombre de empresa u organización
"organization-title" — cargo laboral (ej., “Ingeniero de Software”, “CEO”)
"name" — nombre completo de la persona de contacto
"email" — dirección de correo electrónico
"tel" — número de teléfono
"street-address" — dirección completa

Usar los valores correctos asegura que los navegadores puedan proporcionar sugerencias de autocompletado significativas, haciendo que tus formularios sean más rápidos y fáciles de completar.