Desativar o preenchimento automático do navegador para campos de formulário

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.

Para obter informações sobre o atributo autocompletar e abordagens para o desativar, consulte a documentação oficial do Mozilla.

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.

Filtros de referência