Il tag select HyperText Markup Language (HTML) è un modo semplice di creare un elenco a discesa o menù a scorrimento. Questi menu non richiedono complicato codice e forniscono una soluzione elegante per le pagine che richiedono una funzione interattiva. Utilizzando il tag "< select >" e il valore di "< option >", è possibile iniziare l'implementazione di questo codice nelle vostre pagine.

Aggiungendo il Tag Select

Creare un elenco a discesa aggiungendo l'elemento di una opzione tag e "opzione di < >" Seleziona "< select >" alla zona preferita della tua pagina.

In primo luogo, aggiungere il tag di inizio "< select >" select per avviare la creazione di menu. Per esempio:
< select >

Successivamente, fornire un elenco delle selezioni racchiuso all'interno del "< opzione >< / option >" opzione tag per fornire un elenco di scelte per lo spettatore. Inserire il tag di apertura "opzione di < >", aggiungere un valore di attributo tra virgolette e immettere il nome dell'opzione dopo la parentesi di chiusura. Per illustrare:
< select >
< valore opzione = "California" > California
< valore opzione = "Oregon" > Oregon
< valore opzione = "Texas" > Texas

Ora, aggiungere la chiusura opzione "< / option >" e "< / selezionare >" selezionato tag per consentire il menu effettive. Posizionare il finale "< / option >" elemento di opzione alla fine di ogni opzione nome e immettere il tag select chiusura "< / selezionato >" alla fine del codice. Per esempio:
< select >
< valore opzione = "California" > California < / option >
< valore opzione = "Oregon" > Oregon < / option >
< valore opzione = "Texas" > Texas < / option >
< / selezionare >

Infine, un nome e salvare il file. Utilizzare funzione "Anteprima" del browser web per testare il nuovo menu.

L'aggiunta di attributi facoltativi

È possibile migliorare la pagina web menu implementando i disabili, gli attributi nome e dimensioni multiple, per il codice di opzione "opzione di < >".

Per iniziare, è possibile utilizzare l'attributo disable per disattivare il menu, che in genere vengono visualizzate in grigio nella pagina web. Questa funzione viene in genere utilizzata quando si desidera che all'utente di soddisfare qualche altra condizione, ad esempio compilando un'altra parte di un modulo, prima possono selezionare dal menu. Per utilizzare questa funzionalità, è necessario inserire l'indicatore "disabile" all'interno del tag "< select >" iniziale, con la parola "disabilitata" in citazioni. Per esempio:
< selezionare disabilitato = "disabilitato" >

La caratteristica più è un altro attributo che è possibile utilizzare per consentire agli utenti di selezionare più opzioni. Si consiglia di informare gli spettatori che la selezione di più di una scelta è disponibile perché il menu non rende questo apparente. A seconda del sistema di operativo del visitatore (Mac o Windows), selezionare scelte multiple viene eseguita in modo un po' diverso. Gli utenti Mac tenere premuto il pulsante di comando per effettuare le loro selezioni, mentre quelli su Windows, premere il tasto control (ctrl). Per aggiungere questa funzionalità al vostro menu, inserire l'attributo "multiple" nel tag "< select >" Seleziona e seguirla con il testo "multiplo" nelle quotazioni. Per illustrare:
< selezionare più = "multiple" >

Successivamente, aggiungere un attributo name al vostro menu per dargli un valore quando si fa riferimento ai dati in un modulo o, se si utilizza con JavaScript. Implementare questo attributo aggiungendo il "nome =" all'interno di apertura "< select >" selezionare tag e quindi digitare il nome del menu tra citazioni. Per esempio, se si utilizza il nome "dichiara", immettere quanto segue:
< select nome = "stato" >

Infine, visualizzare il numero di scelte di menu a discesa visibile utilizzando l'attributo di dimensione, che viene spesso utilizzato con la funzione multipla. L'attributo size Visualizza in modo diverso, secondo le condizioni. Ad esempio, se il formato contiene un valore di "1" o più, ma il numero è inferiore rispetto alla quantità di opzioni di menu disponibili, il browser web aggiunge una barra di scorrimento per consentire agli utenti di conoscere le scelte aggiuntive. In caso contrario, le opzioni sono presentate in un elenco, simile per la visualizzazione di più. Aggiungere questo attributo al menu digitando la dimensione all'interno del tag "< select >" e poi dare un valore numerico. Per esempio:
< selezionare dimensione = "3" >

Un nome e salvare il file con l'estensione ". html" per vedere gli attributi dal menu abbiano effetto.