Volete aggiungere un testo descrittivo sotto le etichette dei campi Checkbox e Multiple Choice? In questo tutorial, utilizzeremo un po' di HTML di base per mostrarvi come sia facile ottenere questo risultato in pochi e semplici passi.
Per impostazione predefinita, molte etichette di campo di WPForms accettano tag HTML standard come br (creare una nuova riga), i (corsivo), e b (testo in grassetto), tuttavia è bene tenere presente che non tutti accetta questi tag e non tutti i tag HTML sono accettati. Ricordate di testare accuratamente ogni modulo per assicurarvi che le modifiche apportate vengano visualizzate esattamente come previsto. Per ulteriori informazioni sulla definizione degli elementi HTML, consultare la documentazione di Mozilla su questo argomento.
Creazione del modulo
Inizieremo creando il nostro modulo e aggiungendo i nostri campi, che includeranno almeno una casella di controllo e una scelta multipla.
Se avete bisogno di assistenza per creare un modulo, consultate questa utile guida.
Aggiunta del testo descrittivo
Una volta aggiunto il vostro Casella di controllo e Scelta multipla in ogni etichetta, si inizierà con l'aggiunta di un campo <br> tag. Si tratta di un tag HTML standard che crea una nuova riga sotto l'etichetta originale.
Successivamente, il testo descrittivo sotto il campo Scelta multipla sarà in grassetto e le etichette delle caselle di controllo saranno in corsivo.
Per fare questo, utilizzeremo il codice HTML standard per il grassetto, avvolgendo il nostro testo descrittivo in un elemento <b> Tag HTML.
Per le etichette a scelta multipla, ogni etichetta verrà creata aggiungendo questo testo nel campo dell'etichetta.
Product A <br><b>This is some descriptive text for Product A</b>Product B <br><b>This is some descriptive text for Product B</b>Product C <br><b>This is some descriptive text for Product C</b>
Per le etichette delle caselle di controllo, ogni etichetta verrà creata aggiungendo questo testo nel campo dell'etichetta.
Package A <br><b>This is some descriptive text for Package A</b>Package B <br><b>This is some descriptive text for Package B</b>Package C <br><b>This is some descriptive text for Package C</b>
Aggiungendo questo HTML alle etichette, si vedrà ora un testo descrittivo sotto le etichette per questi campi.
Volete personalizzare anche i colori delle caselle di controllo e delle scelte multiple? Date un'occhiata al nostro articolo su Come personalizzare gli stili dei campi delle caselle di controllo.