Atenção!

Este artigo contém código PHP e destina-se a programadores. Oferecemos este código como cortesia, mas não prestamos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar código personalizado.

Ignorar

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

Quer impedir que os navegadores preencham automaticamente os campos do seu formulário? Embora a autocorreção do navegador possa ser conveniente, há momentos em que precisa que os utilizadores insiram manualmente as suas informações.

Este guia mostrar-lhe-á como desativar a funcionalidade de autocorreção para formulários ou campos específicos utilizando trechos de código PHP.

Antes de implementar restrições de autocorreção, é importante compreender:

  • As definições do navegador geralmente têm precedência sobre os atributos HTML e JavaScript
  • O atributo autocomplete="off" sinaliza a sua preferência aos navegadores
  • Os navegadores modernos geralmente respeitam esta definição, mas alguns podem ignorá-la
  • O suporte do navegador varia (verifique o gráfico de compatibilidade da MDN)

Configurar o Seu Formulário

Primeiro, terá de criar o seu formulário e adicionar os seus campos. Se precisar de ajuda com isto, por favor, reveja o nosso guia sobre como criar o seu primeiro formulário.

Desativar Autocorreção

Pode desativar a autocorreção para um formulário inteiro ou para campos específicos. Aqui estão ambas as abordagens:

Desativar Autocorreção para Todos os Campos num Formulário

Desativar Autocorreção para Campos Específicos

O trecho abaixo terá como alvo específico o campo Email. Para ter como alvo um tipo de campo diferente, o filtro (wpforms_field_properties_email) teria de ser ajustado.

Lembre-se de atualizar quaisquer trechos acima para corresponder aos seus próprios IDs de formulário e campo. Se precisar de ajuda para encontrar estes IDs, por favor, consulte o nosso guia sobre como encontrar IDs de formulário e campo.

Para obter informações sobre o atributo de autocorreção e abordagens para o desativar, consulte a documentação da MDN.

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

E é tudo o que precisa para desativar a autocorreção do navegador para o seu WPForms. Em seguida, 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