### [Come creare un campo di completamento automatico nel tuo modulo](https://wpforms.com/developers/how-to-create-an-autocomplete-field-in-your-form/) **Pubblicato:** 20 giugno 2023 **Autore:** Redazione **Estratto:** Questo tutorial ti mostrerà come trasformare un campo di testo a riga singola in un campo di completamento automatico utilizzando JavaScript e CSS. **Contenuto:** Vuoi creare un campo di completamento automatico nel tuo modulo? La funzionalità di completamento automatico può migliorare significativamente l'esperienza utente fornendo suggerimenti mentre gli utenti digitano, risparmiando tempo e garantendo la coerenza dei dati. In questo articolo, dimostreremo come utilizzare JavaScript per implementare il completamento automatico per un campo di input di testo con un elenco di risposte pre-approvate. ## Creazione del modulo Inizieremo creando un nuovo modulo e aggiungendo i nostri campi, che includeranno almeno un campo modulo **Testo a riga singola**. Se hai bisogno di aiuto per creare il tuo modulo, [ti preghiamo di consultare questa guida utile](https://wpforms.com/docs/creating-first-form/ "Creazione del tuo primo modulo").  ## Creazione di un campo di completamento automatico Ora è il momento di aggiungere questo snippet al tuo sito. Se hai bisogno di assistenza su dove e come aggiungere uno snippet personalizzato al tuo sito, [ti preghiamo di consultare questo tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Come aggiungere PHP o JavaScript personalizzato per WPForms"). ``` /** * Trasforma qualsiasi campo di testo a riga singola in un campo di completamento automatico * * @link https://wpforms.com/developers/how-to-create-an-autocomplete-field-in-your-form/ */ function wpf_dev_text_autocomplete( ) { ?> **Categorie:** Campi **Tag:** CSS, Javascript, JS ---