Desativar Autocomplete: Desligar o preenchimento automático em formulários web

Saiba como desativar e desligar recurso de preenchimento automático de browsers. Você pode codificar seus formulários web na maneira de parar o preenchimento automático por navegadores e extensões.

A+ A-

Autocomplete é um recurso útil para os internautas que vão para um monte de sites e preencher formulários de registro incontáveis. Autocomplete ajuda a estes utilizadores da Internet a preencher rapidamente os seus dados nos formulários web. Quando um usuário preenche o primeiro formulário de registro em uma nova instalação do navegador, os navegadores (como o Firefox , Google Chrome, Internet Explorer, Safari etc.) salvar a preencher detalhes. Quando o usuário preenche um outro formulário web semelhante, o navegador irá preencher automaticamente os detalhes guardados no formulário. Assim, o navegador economiza tempo para os visitantes.

Mas do ponto de vista de um desenvolvedor web, autocomplete às vezes é um problema eo desenvolvedor iria querer desligar autocomplete. Em tais casos, o desenvolvedor iria querer o visitante para preencher formulário web manualmente, digitando tudo. Então, é possível desativar o recurso de preenchimento automático? A resposta é sim!

HTML e JavaScript Dicas de TechWelkin.

HTML e JavaScript Dicas de TechWelkin.

A maioria dos navegadores honrar o autocomplete = "off" atributo para a marca FORM de HTML. Você pode usar essa tag, enquanto a codificação seu formulário web e navegadores irá desativar o recurso de preenchimento automático no formulário.

Mas, infelizmente, navegadores diferentes têm padrões diferentes. Para estar no lado mais seguro, você também deve desativar o preenchimento automático nas tags de entrada também. Esta abordagem tem uma vantagem que você não precisa desativar o preenchimento automático para todo o formulário. Em vez disso, você pode ser seletivo e desligue autocomplete apenas em determinados elementos de entrada.

Aqui está um exemplo:

<form autocomplete="off" name="myForm">
<input autocomplete="off" name="empName" type="text" />
<input name="empCode" type="text" />
</form>

Versões mais recentes do Firefox, Chrome e IE ter um pouco de abordagem diferente. Esses navegadores contornar autocomplete = "off" em campos de senha e solicita que o usuário se ela quer entrar automaticamente a senha ou não. Como alerta vem apenas para os campos de senha . Google Chrome transforma todos os campos do formulário cor amarela clara para os quais possui informações autocomplete.

Navegadores reconhecem campos do formulário por seus nomes e IDs . Por exemplo, vamos supor, um usuário está preenchendo um formulário que tem um campo com o nome do primeiro nome. O browser irá guardar o nome entrado contra um campo de entrada chamada "nome". Durante o preenchimento de uma outra forma web se o navegador encontra um campo chamado "nome" -Vai simplesmente introduzir o valor que o usuário tinha entrado no formulário anterior.

Então, se você perceber que um navegador não está honrando autocomplete = "off" atributo, você pode considerar dar IDs e nomes de seus campos como texto aleatório. Isto irá assegurar que o navegador não irá ser capaz de reconhecer os campos e, portanto, não vai ser capaz de preencher os dados automaticamente.

Como desativar Autocomplete quando extensões de preenchimento automático de formulários estão instalados

Além da facilidade de built-in dentro do navegador -many pessoas também usam extensões do Firefox e Chrome para preencher automaticamente os formulários . Estas extensões, obviamente, não honrar autocomplete = "off" atributo e o desenvolvedor não será capaz de desativar o preenchimento automático, se essas extensões são instalados.

Dando nomes aleatórios e IDs de campos de entrada é a única maneira de vencer extensões de preenchimento automático.

Espero que esta informação sobre como desativar e desligar recurso de preenchimento automático foi útil para você. Se você tiver dúvidas a este respeito, por favor, sinta-se livre para comentar e perguntar. Vou tentar o meu melhor para ajudá-lo. Obrigado por usar TechWelkin!