Volete impedire ai browser di riempire automaticamente i campi dei vostri moduli? Anche se il completamento automatico del browser può essere comodo, a volte è necessario che gli utenti inseriscano manualmente le loro informazioni.
Questa guida vi mostrerà come disabilitare la funzionalità di completamento automatico per moduli o campi specifici, utilizzando gli snippet di codice PHP.
Prima di implementare le limitazioni al completamento automatico, è importante capire:
- Le impostazioni del browser hanno in genere la precedenza sugli attributi HTML e su JavaScript.
- Il
autocomplete="off"segnala la propria preferenza ai browser - I browser moderni generalmente rispettano questa impostazione, ma alcuni possono sovrascriverla
- Il supporto dei browser varia (controllare la tabella di compatibilità MDN)
Impostazione del modulo
Per prima cosa, è necessario creare il modulo e aggiungere i campi del modulo. Se avete bisogno di aiuto, consultate la nostra guida sulla creazione del vostro primo modulo.
Disabilitare il completamento automatico
È possibile disabilitare il completamento automatico per un intero modulo o per campi specifici. Ecco entrambi gli approcci:
Disabilitare il completamento automatico per tutti i campi di un modulo
Disabilitare il completamento automatico per campi specifici
Lo snippet qui sotto si rivolge specificamente all'elemento Email campo. Per selezionare un tipo di campo diverso, il filtro (wpforms_field_properties_email) dovranno essere adattati.
Ricordarsi di aggiornare gli snippet di cui sopra in modo che corrispondano agli ID dei propri moduli e campi. Se avete bisogno di aiuto per trovare questi ID, consultate la nostra guida per trovare gli ID dei moduli e dei campi.
Per informazioni sull'attributo di completamento automatico e sui metodi per disattivarlo, consultare la documentazione di MDN.
Questo è tutto ciò che serve per disabilitare il completamento automatico del browser per i WPForm. Poi, volete disabilitare il pulsante Aggiungi modulo nell'editor classico? Provate il nostro tutorial su Come rimuovere il pulsante "Aggiungi modulo" dall'editor TinyMCE.