Come fare menu a tendina in una pagina Web

September 18

Come fare menu a tendina in una pagina Web


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

istruzione

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

2 Inserisci sintassi per iniziare l'elenco a discesa. Posizionare il cursore tra la forma di apertura e tag di chiusura. Digitare "<select name =" nell'elenco a discesa "> </ select>" dove "nell'elenco a discesa" è il nome della lista.

3 Inserisci sintassi per voci di elenco a discesa. Posizionare il cursore tra i selezionati di apertura e chiusura tag. Immettere il seguente codice per ogni voce all'interno del menu a tendina: "<option value =" action "> voce </ option>" dove "azione" è ciò che accade quando l'utente seleziona la voce e "voce" è ciò che viene visualizzato nell'elenco a discesa.

4 Inserire la sintassi per il pulsante. Posizionare il cursore dopo il tag di chiusura di selezione, ma prima del tag di chiusura modulo. Inserire <input type = "button" onclick = "location = document.jump.menu.options [document.name.menu.selectedIndex] .value;" value = "nome del pulsante"> dove "nome del pulsante" è ciò che viene visualizzato sul pulsante.

5 Fare riferimento al seguente esempio. Copia e incolla il seguente codice nel tuo sito web. Sostituire il nome del modulo, URL, voci di elenco a discesa e nome del pulsante con le informazioni desiderate.

<Form name = "nome">
<Select name = "menu">
<Option value = "casa & lt; / opzione" rel = target "nofollow" = "_blank"> http://lemonheaddesigns.com/home.html&quot;> Casa & lt; / option>
<Option value = "su & lt; / opzione" rel = target "nofollow" = "_blank"> http://lemonheaddesigns.com/about.htm&quot;> su & lt; / option>
<Option value = "portafoglio & lt; / opzione" rel = "nofollow" target = "_blank"> http://lemonheaddesigns.com/portfolio.htm&quot;> portafoglio & lt; / option>
</ Select>
<Input type = "button" onclick = "location = document.jump.menu.options [document.name.menu.selectedIndex] .value;" value = "Go">
</ Form>