Pretende impedir que os browsers preencham automaticamente os seus campos de formulário? Embora o preenchimento automático do navegador possa ser conveniente, há alturas em que é necessário que os utilizadores introduzam manualmente as suas informações.
Este guia irá mostrar-lhe como desativar a funcionalidade de preenchimento automático para formulários ou campos específicos utilizando snippets de código PHP.
Antes de implementar restrições ao preenchimento automático, é importante compreender:
- As definições do browser têm normalmente precedência sobre os atributos HTML e JavaScript
- O
autocomplete="off"sinaliza a sua preferência para os navegadores - Os browsers modernos geralmente respeitam esta definição, mas alguns podem ignorá-la
- O suporte dos browsers varia (consulte a tabela de compatibilidade da MDN)
Configurar o seu formulário
Em primeiro lugar, tem de criar o seu formulário e adicionar os seus campos de formulário. Se precisar de ajuda com isto, consulte o nosso guia sobre como criar o seu primeiro formulário.
Desativar o preenchimento automático
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 para todos os campos de um formulário
Desativar o preenchimento automático para campos específicos
O snippet abaixo terá como alvo específico o Correio eletrónico campo. Para selecionar um tipo de campo diferente, o filtro (wpforms_field_properties_email) teria de ser ajustado.
Lembre-se de atualizar qualquer um dos snippets acima para corresponder aos seus próprios IDs de formulário e campo. Se precisar de ajuda para encontrar essas IDs, consulte o nosso guia sobre como encontrar IDs de formulários e campos.
Para obter informações sobre o atributo autocompletar e abordagens para o desativar, consulte a documentação da MDN.
E isso é tudo o que precisa para desativar o preenchimento automático do navegador para os seus WPForms. Em seguida, você gostaria de desativar o botão Adicionar formulário no editor clássico? Experimente o nosso tutorial sobre Como remover o botão "Adicionar formulário" do editor TinyMCE.