Resumo de IA
Quer impedir que os navegadores preencham automaticamente os campos do seu formulário? Embora a autocompletar do navegador possa ser conveniente, há momentos em que você precisa que os usuários insiram suas informações manualmente.
Este guia mostrará como desativar a funcionalidade de autocompletar para formulários ou campos específicos usando trechos de código PHP.
Antes de implementar restrições de autocompletar, é importante entender:
- As configurações do navegador geralmente têm precedência sobre atributos HTML e JavaScript
- O atributo
autocomplete="off"sinaliza sua preferência aos navegadores - Navegadores modernos geralmente respeitam essa configuração, mas alguns podem ignorá-la
- O suporte do navegador varia (verifique a tabela de compatibilidade do MDN)
Configurando Seu Formulário
Primeiro, você precisará criar seu formulário e adicionar os campos. Se precisar de ajuda com isso, revise nosso guia sobre como criar seu primeiro formulário.
Desativando o Autocompletar
Você pode desativar o autocompletar para um formulário inteiro ou para campos específicos. Aqui estão as duas abordagens:
Desativar Autocompletar para Todos os Campos em um Formulário
Desativar Autocompletar para Campos Específicos
O trecho abaixo terá como alvo específico o campo de E-mail. Para ter como alvo um tipo de campo diferente, o filtro (wpforms_field_properties_email) precisaria ser ajustado.
Lembre-se de atualizar quaisquer um dos trechos acima para corresponder aos seus próprios IDs de formulário e campo. Se precisar de ajuda para encontrar esses IDs, confira nosso guia sobre como encontrar IDs de formulário e campo.
Para obter informações sobre o atributo autocomplete e abordagens para desativá-lo, consulte a documentação do MDN.
E é tudo o que você precisa para desativar o autocompletar do navegador para o seu 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.