Come fare menu a discesa, su un sito web

December 18

Durante la creazione di un sito web è molto facile ingombrare una pagina web con le informazioni. Uno dei modi più semplici per rimuovere il disordine e dare al vostro sito web un look pulito è l'aggiunta di un menu a discesa funzionante. Insieme a contribuire a riordinare il vostro sito web, un menu a discesa può anche rendere la navigazione del sito più facile per i visitatori, rendendo più link facili da trovare. La creazione di un menu a discesa su un sito web richiede solo una semplice aggiunta di codice HTML alla tua pagina web.

istruzione

1 Posizionare il menu a tendina in un modulo sul tuo pagina del sito. Simile a moduli cartacei, un modulo web è un luogo dove gli utenti possono inserire i dati con caselle di controllo, pulsanti di opzione e caselle di testo, così come creare un menu a discesa. Per iniziare la forma, iniziare con il seguente codice:

<Form name = "menu a discesa">

</ Form>

Il nome del modulo può essere tutto quello che vuoi (abbiamo scelto menu a discesa qui) ed è usato per etichettare il modulo per un uso successivo.

2 Aggiungere la funzione di selezione per il modulo web. La funzione di selezione viene utilizzata per creare una lista di selezione (o discesa) dove si terranno i singoli valori. Un elenco di selezione tirerà il valore selezionato nella casella di menu a discesa e rendere il valore attivo per la selezione. Il codice per creare una funzione di selezione è simile al seguente:

<Form name = "menu a discesa">
<Select>

</ Select>
</ Form>

3 Aggiungere i valori di opzione per la funzione di selezione nel menu a discesa. Le singole selezioni in un menu a discesa sono noti come opzioni. La funzione valore è l'URL (o indirizzo web) che l'opzione è collegato. È possibile aggiungere tutte le opzioni al menu a discesa in base alle esigenze e questo è come il menu a discesa può aiutare a chiarire il disordine dalla vostra pagina web. Per aggiungere i valori delle opzioni, aggiungere questo codice alla funzione di selezione:

<Form name = "menu a discesa">
<Select>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
</ Select>
</ Form>

4 Creare un pulsante di selezione per attivare il menu a tendina e consentono agli utenti di selezionare l'opzione che preferiscono. Il pulsante di selezione dovrebbe essere sia a sinistra oa destra del menu a discesa e abbastanza vicino che gli utenti sappiano che è legato al menu. Si può avere il pulsante di dire tutto ciò che si desidera catturare l'attenzione dell'utente. Per il nostro menu a discesa ci sarà semplicemente utilizzare "Seleziona". Per aggiungere un pulsante di selezione al menu a discesa, aggiungere la seguente riga di codice:

<Form name = "menu a discesa">
<Select>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
<Option value = "URL"> Testo dal menu </ option>
</ Select>
<Input type = "button" onclick = "location = document.jump.menu.options [document.jump.menu.selectedIndex] .value;" value = "Seleziona">
</ Form>

5 Posizionare il menu a tendina sul tuo sito web. Il menu a discesa può essere aggiunto ovunque si sceglie sul tuo sito web. È sufficiente inserire il codice menu a discesa nella vostra pagina web HTML e essere sicuri di controllare la funzionalità del menu a discesa subito.

Consigli e avvertenze

  • Fai la tua menu a tendina più accattivante con l'aggiunta di CSS codice (Cascading Style Sheets) per cambiare i colori e l'aspetto del modulo.
  • Non aggiungere troppe opzioni al menu a discesa. Non vi è alcun numero magico, ma avere troppe opzioni può rendere il vostro menu a discesa confuso e potrebbe irritare i visitatori. Se avete un sacco di opzioni, si consideri separandoli in categorie e la creazione di più menu a discesa.