### [Come Aggiungere un Pulsante di Commutazione della Visibilità della Password](https://wpforms.com/developers/how-to-add-a-password-visibility-toggle-button/) **Pubblicato:** 10 giugno 2022 **Autore:** Umair Majeed **Estratto:** Questo tutorial ti mostrerà come fornire ai tuoi visitatori un interruttore per i tuoi moduli per consentire loro di vedere la password che stanno digitando nel campo Password. **Contenuto:** ## Introduzione Vorresti dare ai tuoi visitatori l'opzione di mostrare o nascondere la loro password mentre la digitano nel tuo modulo? Per impostazione predefinita, il campo Password in WPForms maschera l'input con asterischi per sicurezza. WPForms include un'impostazione integrata che ti consente di aggiungere un interruttore di visibilità della password con un solo clic nell'editor. Se preferisci aggiungere questa funzionalità con il codice per un maggiore controllo, questo tutorial ti mostrerà anche come farlo con uno snippet. ## Opzione Integrata per la Visibilità della Password A partire dalla versione 1.9.8 di WPForms, puoi abilitare un'opzione integrata che consente agli utenti di attivare la visibilità della password, senza bisogno di codice personalizzato. Per abilitare questa funzionalità, fai clic sul campo **Password** nell'editor del modulo per aprire il pannello Opzioni Campo. Quindi, nella scheda **Generale**, attiva l'impostazione **Abilita Visibilità Password**. Questo è il modo più rapido e semplice per aggiungere un interruttore di visibilità della password ai tuoi moduli. Se preferisci un maggiore controllo o desideri personalizzare il comportamento e lo stile, puoi comunque seguire il tutorial qui sotto per aggiungere questa funzionalità con uno snippet di codice. ## Aggiunta dello Snippet Per aggiungere manualmente un interruttore di visibilità della password, dovrai inserire un piccolo snippet di codice sul tuo sito. Questo metodo ti offre maggiore flessibilità per regolare l'aspetto e il funzionamento dell'interruttore. Copia lo snippet qui sotto sul tuo sito. **Nota**: Prima di aggiungere questo snippet di codice, assicurati di aver installato il plugin Font Awesome. Se hai bisogno di assistenza su come e dove aggiungere snippet di codice personalizzati, [rivedi questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come Aggiungere PHP o JavaScript Personalizzato per WPForms"). ``` /** * Fornisce un interruttore di commutazione della visibilità della password * * @link https://wpforms.com/developers/how-to-add-a-password-visibility-toggle-button/ */ function wpf_dev_password_toggle() { ?> **Categorie:** Tutorial **Tag:** CSS, Javascript, JS, PHP ---