Valor inválido “company” para o atributo “autocomplete” no elemento “input”: A string “company” não é um nome de campo de preenchimento automático válido.

O atributo autocomplete ajuda os browsers a preencher automaticamente campos de formulários com dados do utilizador guardados anteriormente. A especificação HTML define um conjunto rigoroso de nomes de campos de preenchimento automático válidos, e "company" não está entre eles. Embora “company” possa parecer uma escolha intuitiva, a especificação usa "organization" para representar um nome de empresa, nome de negócio ou outro nome organizacional associado à pessoa ou endereço no formulário.

Usar um valor autocomplete inválido significa que os browsers não reconhecerão o propósito do campo e não podem oferecer sugestões de preenchimento automático relevantes. Isto prejudica a experiência do utilizador — especialmente em dispositivos móveis onde o preenchimento automático acelera significativamente a conclusão de formulários. Também impacta a acessibilidade, já que as tecnologias assistivas podem depender de tokens autocomplete válidos para ajudar os utilizadores a compreender e completar formulários de forma eficiente.

A lista completa de nomes de campos de preenchimento automático válidos está definida no WHATWG HTML Living Standard. Alguns valores comumente usados incluem "name", "email", "tel", "street-address", "postal-code", "country" e "organization". Ao escolher um valor, consulte sempre a especificação em vez de adivinhar um nome que pareça lógico.

Exemplos

❌ Inválido: usar "company" como valor de autocomplete

<label for="company">Nome da Empresa</label>
<input type="text" id="company" name="company" autocomplete="company">

Isto desencadeia o erro de validação porque "company" não é um nome de campo de preenchimento automático reconhecido.

✅ Válido: usar "organization" em vez disso

<label for="company">Nome da Empresa</label>
<input type="text" id="company" name="company" autocomplete="organization">

O valor "organization" é o nome de campo de preenchimento automático definido pela especificação para “a empresa, organização, instituição ou outra entidade associada à pessoa, endereço ou informação de contacto nos outros campos associados a este campo.”

✅ Válido: usar "organization" com uma secção e propósito

Você pode combinar "organization" com outros tokens válidos para maior especificidade:

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

Isto informa ao browser que o campo é para um nome de organização dentro de uma secção específica nomeada do formulário, o que é útil quando um formulário recolhe informações sobre múltiplas entidades.

Nomes comuns de campos de preenchimento automático para formulários empresariais

Aqui estão alguns valores autocomplete válidos que você pode usar juntamente com "organization" num formulário relacionado com negócios:

• "organization" — nome da empresa ou organização
• "organization-title" — cargo (ex: “Engenheiro de Software”, “CEO”)
• "name" — nome completo da pessoa de contacto
• "email" — endereço de email
• "tel" — número de telefone
• "street-address" — endereço completo da rua

Usar os valores corretos garante que os browsers podem fornecer sugestões de preenchimento automático significativas, tornando os seus formulários mais rápidos e fáceis de completar.

Saiba mais:

WHATWG Spec

HTML Spec: autocomplete

→