É possível usar CSS para desativar o preenchimento automático em um elemento de formulário (especificamente um campo de texto)?
Eu uso uma biblioteca de tags que não permite o elemento autocomplete e gostaria de desabilitar o autocomplete sem usar Javascript.
autocomplete="off"
será ignorado na versão do navegador X (atual + 1). (Por exemplo, o Google Chrome mais recente ignora autocomplete = off.)id
ele ainda o salvará no cache (ou seja, no disco rígido do usuário). O que é uma coisa horrível de se fazer com o número do cartão de crédito de alguém ou qualquer outra informação sensível. Além disso, ele desorganiza desnecessariamente as unidades de disco do usuário. Cada vez que eles visitam sua página, um novo arquivo (tipo cookie) é salvo no computador deles. Só para começar, tente limpar o cache do Chrome e ver quanto espaço ele vai liberar (se você não faz isso há um tempo). É por isso que a chamo de ideia horrível.Do jeito que está, não existe o atributo 'autocomplete off' no CSS. No entanto, html tem um código fácil para isso:
Se você estiver procurando por um efetor para todo o site, uma tarefa fácil seria simplesmente ter uma função js para executar todas as 'entradas' e adicionar essa tag, ou procurar a classe / id css correspondente.
O atributo autocomplete funciona bem no Chrome e Firefox (!), Mas veja também Existe uma maneira válida do W3C para desativar o autocomplete em um formulário HTML?
fonte
autocomplete="anyrandominvalidvalue"
que funcionará.você pode implementar facilmente por jQuery
fonte
form
foi a ÚNICA coisa que funcionou. Nãoinput
. Obrigado.Se estiver usando um,
form
você pode desativar todos os preenchimentos automáticos com,fonte
CSS não tem essa capacidade. Você precisaria usar scripts do lado do cliente.
fonte
autocomplete="false"
funcionará no Edge. Tecnicamente, qualquer valor inválido pode substituir "falso" aqui.Tentei todas as formas sugeridas a partir das respostas a esta pergunta e outros artigos na web, mas não funcionou de qualquer maneira. Eu tentei autocomplete = "new-random-value", autocomplete = "off" no elemento do formulário, usando o script do lado do cliente como abaixo, mas fora de $ (document) .ready () como um dos usuários mencionados:
Achei talvez outra prioridade no navegador por causa desse comportamento estranho! Então, pesquisei mais e, finalmente, li novamente com atenção as linhas abaixo deste bom artigo :
Simplesmente funcionou. Tentei no chrome especialmente e espero que continue funcionando e ajude os outros.
fonte
Resolvi o problema adicionando um nome de preenchimento automático falso para todas as entradas.
fonte
Graças à solução do @ahhmarr, consegui resolver o mesmo problema no meu ambiente do roteador Angular + ui , que compartilharei aqui para quem tiver interesse.
No meu
index.html
, adicionei o seguinte script:Então, para cobrir as mudanças de estado, adicionei o seguinte no meu controlador raiz:
Os tempos limite são para o html renderizar antes de aplicar o jquery.
Se você encontrar uma solução melhor, por favor me avise.
fonte
Você não pode usar CSS para desativar o preenchimento automático, mas pode usar HTML:
Tecnicamente, você pode substituir
false
por qualquer valor inválido e funcionará. Este iOS é a única solução que encontrei que também funciona no Edge.fonte
Existem 3 maneiras de fazer isso, eu menciono-as para ser da melhor maneira ...
Modo 1-HTML:
Modo 2-Javascript:
Maneira 3-jQuery:
fonte
Eu apenas uso no
'new-password'
lugar'off'
do preenchimento automático.e também tentei usar este código e funciona (pelo menos no meu lado), eu uso WP e GravityForm para sua informação
fonte
fonte