Attenzione!

Questo articolo contiene codice PHP ed è destinato agli sviluppatori. Offriamo questo codice come cortesia, ma non forniamo supporto per personalizzazioni del codice o sviluppo di terze parti.

Per ulteriore assistenza, consulta il tutorial di WPBeginner su come aggiungere codice personalizzato.

Chiudi

Disabilitazione dell'autocompletamento del browser per i campi del modulo

Vuoi impedire ai browser di precompilare i campi del tuo modulo? Sebbene l'autocompletamento del browser possa essere conveniente, ci sono momenti in cui è necessario che gli utenti inseriscano manualmente le proprie informazioni.

Questa guida ti mostrerà come disabilitare la funzionalità di autocompletamento per moduli o campi specifici utilizzando snippet di codice PHP.

Prima di implementare restrizioni sull'autocompletamento, è importante capire:

  • Le impostazioni del browser hanno generalmente la precedenza sugli attributi HTML e JavaScript
  • L'attributo autocomplete="off" segnala la tua preferenza ai browser
  • I browser moderni generalmente rispettano questa impostazione, ma alcuni potrebbero sovrascriverla
  • Il supporto del browser varia (controlla la tabella di compatibilità MDN)

Configurazione del tuo modulo

Innanzitutto, dovrai creare il tuo modulo e aggiungere i campi del modulo. Se hai bisogno di aiuto con questo, consulta la nostra guida su come creare il tuo primo modulo.

Disabilitazione dell'autocompletamento

Puoi disabilitare l'autocompletamento sia per un intero modulo sia per campi specifici. Ecco entrambi gli approcci:

Disabilita l'autocompletamento per tutti i campi di un modulo

Disabilita l'autocompletamento per campi specifici

Lo snippet seguente prenderà di mira specificamente il campo Email. Per prendere di mira un tipo di campo diverso, il filtro (wpforms_field_properties_email) dovrebbe essere modificato.

Ricorda di aggiornare uno qualsiasi degli snippet sopra per corrispondere ai tuoi ID modulo e campo. Se hai bisogno di aiuto per trovare questi ID, consulta la nostra guida su come trovare gli ID modulo e campo.

Per informazioni sull'attributo autocomplete e sugli approcci per disattivarlo, consulta la documentazione MDN.

Per informazioni sull'attributo autocomplete e sugli approcci per disattivarlo, consulta la documentazione ufficiale di Mozilla

E questo è tutto ciò che ti serve per disabilitare l'autocompletamento del browser per i tuoi WPForms. Successivamente, vuoi disabilitare il pulsante Aggiungi modulo nell'editor classico? Prova il nostro tutorial su Come rimuovere il pulsante "Aggiungi modulo" dall'editor TinyMCE.

Filtri di riferimento