Che cos'è una casella di riepilogo HTML?
In HyperText Markup Language (HTML), una casella di riepilogo è un tipo di componente di interfaccia utente grafica interattiva (GUI). Appare su un sito Web come una casella all'interno della pagina che contiene un insieme verticale di opzioni di testo che possono essere selezionate dall'utente. Lo scopo dell'utilizzo di una casella di riepilogo HTML è presentare a un utente una serie di opzioni da cui è possibile selezionare e quindi reagire alla selezione. Sono disponibili molte opzioni per personalizzare una casella di riepilogo, in particolare mediante l'uso di fogli di stile a cascata (CSS). Esiste una differenza visiva e funzionale tra una casella di riepilogo HTML e un altro elemento GUI noto come casella combinata, anche se sono definiti più o meno allo stesso modo.
In un documento, una casella di riepilogo HTML viene definita utilizzando il tag select. Questo tag avvia la casella di riepilogo e può essere utilizzato per definire diverse opzioni. Una delle proprietà più importanti del tag select è il nome della casella di riepilogo, che consente ad altre parti del documento HTML di accedere direttamente ai valori della casella di riepilogo. Un'altra opzione importante che può essere impostata è la proprietà multipla, che può consentire a un utente di selezionare più elementi dall'elenco contemporaneamente anziché solo uno alla volta.
Tra i tag di selezione di apertura e chiusura, gli elementi effettivi da contenere in una casella di riepilogo HTML vengono definiti utilizzando il tag di opzione. Il tag opzione racchiude il testo effettivo che verrà visualizzato nella casella di riepilogo HTML. Come il tag select, ha anche alcune proprietà importanti. Una proprietà preziosa del tag opzione è la possibilità di definire un valore di ritorno per un'opzione selezionata che viene inviata a uno script di query anziché al testo che l'utente vede. Ciò significa che un utente può vedere la parola "rosso", ma la casella di riepilogo HTML può restituire il valore esadecimale di rosso invece della parola effettiva.
A parte le opzioni, una casella di riepilogo HTML può contenere un altro elemento visivo noto come optgroup. Un optgroup è un'intestazione che viene utilizzata per separare visivamente le diverse opzioni all'interno di una casella di riepilogo. Quando un utente osserva una casella di riepilogo che contiene tag optgroup, nella casella verrà visualizzato un titolo in grassetto, sotto il quale le opzioni associate saranno leggermente rientrate e non in grassetto.
Anche se una casella di elenco HTML funzionale può essere creata e posizionata su un sito Web, in realtà non farà nulla quando un utente seleziona un'opzione a meno che non sia presente un codice di supporto per farlo. Questo può essere fatto con JavaScript® accedendo alla casella di riepilogo tramite il Document Object Model (DOM) oppure può essere eseguito con altri script o applet. Come elemento interattivo, una casella di riepilogo genera eventi utente come il passaggio del mouse, che possono essere acquisiti all'interno del browser.