Deseja impedir que os navegadores preencham automaticamente os campos de seu formulário? Embora o preenchimento automático do navegador possa ser conveniente, há momentos em que você precisa que os usuários insiram manualmente suas informações.
Este guia mostrará como desativar a funcionalidade de preenchimento automático para formulários ou campos específicos usando trechos de código PHP.
Antes de implementar as restrições do preenchimento automático, é importante entender:
- As configurações do navegador geralmente têm precedência sobre os atributos HTML e JavaScript
- O
autocomplete="off"sinaliza sua preferência para os navegadores - Os navegadores modernos geralmente respeitam essa configuração, mas alguns podem substituí-la
- O suporte do navegador varia (verifique a tabela de compatibilidade da MDN)
Configuração de seu formulário
Primeiro, você precisará criar seu formulário e adicionar seus campos de formulário. Se precisar de ajuda com isso, consulte nosso guia sobre como criar seu primeiro formulário.
Desativar o preenchimento automático
Você pode desativar o preenchimento automático para um formulário inteiro ou para campos específicos. Aqui estão as duas abordagens:
Desativar o preenchimento automático de todos os campos em um formulário
Desativar o preenchimento automático para campos específicos
O snippet abaixo terá como alvo específico o E-mail campo. Para direcionar um tipo de campo diferente, o filtro (wpforms_field_properties_email) precisaria ser ajustado.
Lembre-se de atualizar qualquer um dos snippets acima para que correspondam aos seus próprios IDs de formulário e campo. Se precisar de ajuda para encontrar essas IDs, consulte nosso guia sobre como encontrar IDs de formulários e campos.
Para obter informações sobre o atributo autocompletar e abordagens para desativá-lo, consulte a documentação da MDN.
E isso é tudo o que você precisa para desativar o preenchimento automático do navegador para seus WPForms. Em seguida, você gostaria de desativar o botão Adicionar formulário no editor clássico? Experimente nosso tutorial sobre Como remover o botão "Adicionar formulário" do editor TinyMCE.