Nwlapcug.com


Come fare Drop Down menu in una pagina Web

Come fare Drop Down menu in una pagina Web


Menù a tendina può essere un modo conveniente per fornire scelte multiple per gli utenti senza l'utilizzo di un sacco di bene immobile dello schermo. È possibile utilizzare il menu a tendina all'interno dei moduli o come strumento di navigazione. Creazione di menu a discesa in un sito Web è abbastanza semplice con il codice HTML.

Istruzioni

1

Immettere la sintassi per un form. Il codice per i menu a discesa è contenuto all'interno di un form. Posizionare il cursore dove si desidera che il menu a discesa per iniziare. Tipo "< nome modulo ="nome">< / form >" dove "nome" è il nome del modulo.

2

Immettere la sintassi per iniziare l'elenco a discesa. Posizionare il cursore tra i tag di chiusura e apertura del modulo. Tipo "< select nome ="drop-down list">< / selezionare >" dove "drop-down list" è il nome dell'elenco.

3

Immettere la sintassi per gli elementi dell'elenco a discesa. Posizionare il cursore tra il selezionare apertura e chiusura tag. Immettere il seguente codice per ogni elemento all'interno del menu a discesa: "< valore opzione ="azione"> articolo < / option >" dove "azione" è ciò che accade quando l'utente seleziona l'elemento e "elemento" è ciò che viene visualizzato nell'elenco a discesa.

4

Immettere la sintassi per il pulsante. Posizionare il cursore dopo il tag di chiusura di select, ma prima del tag di chiusura del form. Immettere < tipo input = "button" onClick="location=document.jump.menu.options[document.name.menu.selectedIndex].value;" valore = "pulsante di nome" > dove "nome del pulsante" è ciò che viene visualizzato sul pulsante.

5

Fare riferimento al seguente esempio. Copiare e incollare il seguente codice nel tuo sito Web. Sostituire il modulo nome, URL, voci di elenco a discesa e pulsante con le informazioni desiderate.

< nome modulo = "nome" >
< select nome = "menu" >
< valore opzione = "Casa & lt; / opzione" rel = "nofollow" target = blank"> http://lemonheaddesigns.com/home.html&quot;>home&lt;/option>
< valore opzione = "a & lt; / opzione" rel = "nofollow" target = blank"> http://lemonheaddesigns.com/about.htm&quot;>about&lt;/option>
< valore opzione = "portfolio & lt; / opzione" rel = "nofollow" target = blank"> http://lemonheaddesigns.com/portfolio.htm&quot;>portfolio&lt;/option>
< / selezionare >
< input type = "button" onClick="location=document.jump.menu.options[document.name.menu.selectedIndex].value;" valore = "Vai" >
< / form >