Como desabilitar o auto-complete “autofill” do Google Chrome

Post ensinando a como desabilitar o auto-complete “auto fill” no navegador Google Chrome.

Como desabilitar o auto-complete no Google Chrome

Utilize o atributo autocomplete=”false” no campo que você deseja desabitar o auto-complete.

Exemplo:

Você também pode utilizar este atributo na abertura do formulário.

Solução acima não funcionou

Infelizmente algumas versões do Chrome não levam em consideração o atributo acima, para resolver o problema teremos que utilizar algumas soluções mais elaboradas

Utilizando jQuery

Campos com o atributo “readonly” não são preenchidos pelo auto-complete do Chrome.

Deixamos o campo com esse atributo até o ultimo momento, aonde o usuário entrará com cursor no campo “onfocus”, neste evento removemos o atributo.

Segundo exemplo, com uma correção para acessos via smartphones.

Terceira solução, enganando o navegador

Você pode criar campos fakes no formulário para que o autofill preencha o campo errado.

OS campos fakes obviamente estão escondidos “hide” por uma classe no CSS com display:none.

Quarta solução, quebrando o padrão

Para formulários de cadastro como login, com usuário e senha, o Chrome tentará reconhecer um padrão no formulário, como dois campos seguidos, um com tipo “text/email” e outro com tipo “password”.

Para quebrar esse padrão podemos utilizar:

No evento onfocus mudamos o campo para password.

 

Avalie este artigo!

Clique nas estrelas, para dar uma nota de 1 à 5.

1 estrela2 estrelas3 estrelas4 estrelas5 estrelas (Nenhuma avaliação ainda)
Loading...

Dúvidas? Faça um comentário logo abaixo ou envie uma mensagem clicando aqui.

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *