Il Web è uno strumento altamente interattivo, con caratteristiche del Web 2.0 quali social network e siti di video che domina la larghezza di banda. Questo significa che molte funzionalità del sito richiedono più di semplice HTML sia attuata correttamente, con linguaggi di scripting come JavaScript, ActionScript e jQuery fornendo la maggior parte dell'interattività. Una casella di selezione a discesa semplice, tuttavia, non richiede niente di più che alcuni tag HTML veloce per lavorare in qualsiasi browser e aggiunge qualche interazione utente al tuo sito.

Istruzioni

1

Individuare la posizione all'interno del documento HTML dove si desidera la casella a discesa ad apparire. È un elemento inline, così è possibile inserirlo all'interno o alla fine di un paragrafo.

2

Digitare il tag di apertura per la tua casella di elenco a discesa:

< select >

3

Premere il tasto "Return" o "Enter" per spostare verso il basso la riga successiva. Questo non influenzerà il layout della tua lista, ma manterrà il vostro codice HTML più ordinato e più gestibile.

4

Digitare il tag di apertura per il primo elemento nell'elenco a discesa:

< opzione >

5

Digitare il valore del primo elemento nell'elenco a discesa sulla stessa riga.

6

Digitare il tag di chiusura per il primo elemento nell'elenco a discesa ancora una volta sulla stessa riga:

< / option >

7

Ripetere questo processo per ogni elemento nell'elenco a discesa.

8

Digitare il tag di chiusura per la tua casella di elenco a discesa nella riga successiva verso il basso:

< / selezionare >

9

Verifica che il codice corrisponda la seguente struttura:

< select >
Un elemento < opzione > < / option >
< opzione > articolo due < / option >
< opzione > articolo tre < / option >
< opzione > articolo quattro < / option >
< / selezionare >

Consigli & Avvertenze

• Poiché una casella di elenco a discesa HTML è un elemento inline, è necessario prestare attenzione quando posizionandola. Se si desidera far apparire separato dal resto del testo, l'opzione migliore è per lo stile con i CSS, l'aggiunta di imbottitura intorno ad esso per assicurare che appare lo stesso in tutti i browser.
• Essere sicuri di chiudere il tag di paragrafo dopo la discesa se includerlo all'interno o alla fine di un paragrafo.