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

O atributo autocomplete ajuda os navegadores a preencher automaticamente campos de formulário com dados de utilizador previamente guardados. A especificação HTML define um conjunto estrito de valores válidos, e cada um mapeia para um tipo específico de informação (como um nome, endereço de email, número de telefone ou morada). A string "contact" por si só não é um nome de campo de preenchimento automático válido — é um token de tipo de contacto, que é um modificador destinado a ser combinado com um nome de campo para distinguir entre diferentes tipos de informações de contacto.

A especificação HTML define dois tokens de tipo de contacto: "home", "work", "mobile", "fax" e "pager" (para campos relacionados com telefone), bem como os tokens de âmbito mais amplos "shipping" e "billing". O token "contact" não existe como um valor independente. Você pode tê-lo confundido com um padrão de prefixo de tipo de contacto como "home email" ou "work tel", ou pode ter pretendido usar um nome de campo específico inteiramente.

Obter o valor autocomplete correto é importante por várias razões. Os navegadores dependem destes tokens exatos para oferecer sugestões de preenchimento automático relevantes. Leitores de ecrã e tecnologias assistivas também podem usar esta informação para ajudar os utilizadores a compreender que dados um campo espera. Um valor inválido significa que o navegador provavelmente ignorará o atributo inteiramente, degradando a experiência do utilizador — especialmente em dispositivos móveis onde o preenchimento automático é muito utilizado.

Para corrigir o problema, determine que tipo de informação o campo de entrada está a recolher e use o nome de campo de preenchimento automático apropriado. Valores válidos comuns incluem "name", "email", "tel", "street-address", "postal-code", "organization" e "username". Se você quiser indicar que este é especificamente um email ou telefone de contacto (em oposição a, por exemplo, um de faturação), não usa "contact" — em vez disso, pode omitir o modificador inteiramente ou usar uma abordagem de âmbito de secção.

Exemplos

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

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

O valor "contact" não é um nome de campo de preenchimento automático reconhecido, pelo que o navegador não consegue determinar o que preencher automaticamente.

✅ Corrigido: Usar um nome de campo de preenchimento automático válido

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

O valor "email" é um nome de campo de preenchimento automático válido que indica ao navegador para sugerir endereços de email guardados.

✅ Corrigido: Usar uma combinação válida com uma secção ou token de tipo de contacto

Se precisar de diferenciar entre tipos de números de telefone, pode usar tokens como "home", "work" ou "mobile" como prefixos:

<label for="work-tel">Telefone do Trabalho</label>
<input type="tel" id="work-tel" name="work-tel" autocomplete="work tel">

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

Valores autocomplete válidos comuns

Aqui estão alguns nomes de campo de preenchimento automático válidos frequentemente utilizados:

Para a lista completa de valores válidos e suas combinações permitidas, consulte a especificação de preenchimento automático WHATWG.

Saiba mais:

WHATWG Spec

HTML Spec: autocomplete

→