### [Come disabilitare un campo modulo per impedire l'input dell'utente](https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/)
**Pubblicato:** 26 gennaio 2021
**Autore:** Umair Majeed
**Estratto:** Questo tutorial ti mostrerà come disabilitare un campo modulo utilizzando una classe CSS e un po' di JavaScript.
**Contenuto:**
Sei interessato a impedire agli utenti di inserire dati in un campo modulo specifico? Disabilitare un campo o renderlo di sola **lettura** può essere utile se desideri che gli utenti visualizzino il valore del campo senza la possibilità di modificarlo. In questo tutorial, ti guideremo su come disabilitare un campo modulo, impedendo efficacemente qualsiasi input dell'utente.
Questo approccio può anche essere prezioso quando desideri includere questo valore in [il tag Smart {all\_fields}](https://wpforms.com/docs/setup-form-notification-wpforms/ "Come impostare le email di notifica del modulo in WPForms") per le email di notifica o all'interno di [un'esportazione CSV](https://wpforms.com/docs/how-to-export-form-entries-to-csv-in-wpforms/ "Come esportare le voci del modulo in CSV in WPForms").
## Creazione del tuo modulo
Per iniziare, crea un nuovo modulo. In questo tutorial, dimostreremo utilizzando un campo **Testo Paragrafo** che includerà un messaggio con un tag Smart che rappresenta la data corrente come timestamp per l'invio del modulo.
Se hai bisogno di assistenza con il processo di creazione del modulo, [consulta questo tutorial per una guida passo passo](https://wpforms.com/docs/creating-first-form/ "Creazione del tuo primo modulo").
Dopo aver creato con successo il tuo modulo, inserisci un campo **Testo Paragrafo**. All'interno della scheda **Avanzate** del campo, includi `wpf-disable-field` come **Nome Classe CSS** per abilitare la funzionalità di disabilitazione del campo.
Se utilizzi più di una classe CSS per un campo modulo, assicurati solo di mettere uno spazio tra ogni nome di classe.
## Disabilitazione del campo modulo
È ora di aggiungere lo snippet di codice che metterà tutto insieme.
Se hai bisogno di aiuto per aggiungere codice al tuo sito, [consulta questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms").
```
/**
* Rende i campi modulo standard di sola lettura
* Per applicare, aggiungi la classe CSS 'wpf-disable-field' (senza virgolette) al campo nell'editor del modulo
*
* @link https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/
*/
function wpf_dev_disable_field() {
}
add_action( 'wpforms_wp_footer_end', 'wpf_dev_disable_field', 30 );
```
Il codice sopra non solo disabiliterà qualsiasi campo modulo su qualsiasi modulo con la classe CSS **wpf-disable-field**, ma salterà anche questi campi mentre l'utente naviga tra i campi.
Il modo migliore per impedire l'input in altri campi, come **Menu a tendina**, **Caselle di controllo** o **Scelta multipla**, sarebbe fornire all'utente una sola opzione.
E questo è tutto ciò che ti serve per impostare i tuoi campi modulo come di sola lettura. Desideri modificare le sottolabel sul campo **Nome**? Il nostro articolo su [Come modificare le sottolabel per il campo Nome](https://wpforms.com/developers/how-to-change-sublabels-for-the-name-field/ "Come modificare le sottolabel per il campo Nome") ti guiderà attraverso i passaggi su come farlo.
## Azione di riferimento
[wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer_end/ "Utilizzo dell'azione wpforms_wp_footer_end")
## FAQ
#### D: Posso usarlo anche per altri campi?
**R:** Assolutamente! Finché applichi `wpf-disable-field` ai campi, coprirà tutti.
Ad esempio, questo snippet disabiliterà un campo modulo **Menu a tendina**.
```
/**
* Rende i campi modulo standard di sola lettura
* Per applicare, aggiungi la classe CSS 'wpf-disable-field' (senza virgolette) al campo nell'editor del modulo
*
* @link https://wpforms.com/developers/disable-a-form-field-to-prevent-user-input/
*/
function wpf_dev_disable_field() {
}
add_action('wpforms_wp_footer_end', 'wpf_dev_disable_field', 30);
```
**Categorie:** Campi
**Tag:** Javascript, JS
---