HTML comprende vari tag che hanno lo scopo di servire a scopi estremamente utili. Uno dei tag più frequentemente utilizzati di HTML è il tag seleziona. Questo tag viene utilizzato per la creazione di elenchi a discesa e gli elenchi a discesa consentono all'utente di scegliere un'opzione di loro scelta dall'elenco indicato. Gli elenchi a discesa sono utilizzati principalmente nei moduli Web per raccogliere i dati del sondaggio. In questo tutorial, ti insegneremo l'uso del tag selezionato in HTML con l'aiuto di alcuni esempi.
Come utilizzare il tag seleziona in HTML?
È molto facile usare il tag seleziona in HTML e te ne accorgerai passando attraverso i seguenti due esempi:
Esempio n. 1: selezione del luogo di residenza
In questo esempio, vogliamo creare una pagina Web che visualizzerà un elenco a discesa e consentirà agli utenti di selezionare i loro luoghi di residenza da quell'elenco a discesa. Per fare ciò, abbiamo scritto lo script HTML mostrato nella seguente immagine:
In questo script, abbiamo utilizzato il tag selezionato di HTML per creare un elenco a discesa di quattro paesi diversi. Quindi, abbiamo usato i tag "Valore dell'opzione" per indicare tutti e quattro gli elementi, i.e., I nomi dei quattro paesi in questa lista a discesa. Successivamente, abbiamo creato un pulsante "Invia" per migliorare l'aspetto della nostra pagina web. Tuttavia, questo pulsante non ci navighi da nessuna parte poiché non abbiamo creato alcuna pagina di azione associata.
All'esecuzione di questo script HTML con Google Chrome, è apparsa la seguente pagina Web sul nostro browser:
Quando fai clic su questo elenco a discesa, sarai in grado di selezionare un paese di tua scelta, come mostrato nell'immagine qui sotto:
Esempio n. 2: selezione del linguaggio di programmazione preferito
Questo è un altro esempio di utilizzo del tag selezionato di HTML. In questo esempio, creeremo un elenco a discesa per consentire all'utente di scegliere il loro linguaggio di programmazione preferito. Lo script HTML per questo scopo è mostrato nella seguente immagine:
Abbiamo creato un elenco a discesa di quattro linguaggi di programmazione in questo script HTML usando il tag "Seleziona" di HTML. Quindi, abbiamo semplicemente menzionato gli elementi di questo elenco utilizzando il tag "Valore delle opzioni" di HTML. Come il nostro primo esempio, abbiamo un pulsante "Invia" fittizio in questo script HTML.
La pagina Web che visualizza il nostro elenco a discesa appena creato è mostrata nella seguente immagine:
Quando farai clic su questo elenco a discesa, ti sarà permesso di selezionare un linguaggio di programmazione di tua scelta, come mostrato nella seguente immagine:
Conclusione
Oggi volevamo trasmettere l'uso del tag selezionato di HTML ai nostri lettori. Per fare ciò, ti abbiamo introdotto per la prima volta allo scopo di questo tag HTML, seguiti da alcuni esempi che hanno spiegato la procedura graduale dell'utilizzo di questo tag. Abbiamo finito per creare due diversi elenchi a discesa. Seguendo le stesse righe, puoi creare tante elenchi a discesa a tua scelta in HTML che desideri.