Il Web è uno strumento altamente interattivo, con funzionalità Web 2.0 come i social siti di video che dominano la larghezza di banda di rete e. Ciò significa che molte funzionalità del sito web richiedono più di semplice HTML per essere correttamente implementato, con linguaggi di scripting come JavaScript, ActionScript e jQuery che fornisce la maggior parte del interattività. Una semplice casella di selezione a discesa, tuttavia, richiede niente di più che un paio di tag HTML rapidi per lavorare in qualsiasi browser e aggiunge un po 'di interazione con l'utente al tuo sito.

istruzione

1 Individuare la posizione all'interno del documento HTML in cui si desidera visualizzare il menu a tendina. È un elemento in linea, in modo da poter posizionarlo all'interno o alla fine di un paragrafo.

2 Digitare il tag di apertura per la vostra casella a discesa:

<Select>

3 Premere il tasto "Return" o "Invio" per spostarsi verso il basso alla riga successiva. Ciò non influirà il layout della lista, ma non mancherà di tenere il vostro più ordinato codice HTML e più gestibile.

4 Digitare il tag di apertura per la prima voce nella lista a discesa:

<Option>

5 Digitare il valore del primo elemento nella lista a discesa sulla stessa linea.

6 Digitare il tag di chiusura per la prima voce nella lista a discesa, ancora una volta sulla stessa linea:

</ Option>

7 Ripetere questa procedura per ogni elemento nell'elenco a discesa.

8 Digitare il tag di chiusura per la vostra casella a discesa sulla riga successiva verso il basso:

</ Select>

9 Verificare che il codice corrisponde la seguente struttura:

<Select>
<Option> Articolo Uno </ option>
<Option> Articolo Due </ option>
<Option> Articolo Tre </ option>
<Option> punto quattro </ option>
</ Select>

Consigli e avvertenze

• Dal momento che un menu a tendina HTML è un elemento inline, si deve fare attenzione quando posizionarlo. Se si vuole far apparire separato dal resto del testo, l'opzione migliore è per lo stile con i CSS, l'aggiunta di imbottitura intorno ad esso per assicurarsi che appare lo stesso in tutti i browser.
• Assicurarsi di chiudere le tag di paragrafo dopo la vostra discesa se si include all'interno o alla fine di un paragrafo.