Come fare Menu a discesa Link in HTML

December 24

menu a discesa sono un buon modo per semplificare la pagina Web. Con un po 'di conoscenza di codifica, è possibile creare collegamenti ipertestuali all'interno del menu a discesa in modo che gli utenti possano accedere a una nuova pagina dal menu. Mentre è possibile creare la forma di base in HTML, è necessario utilizzare un po 'di JavaScript, che è possibile copiare e incollare nel vostro codice, al fine di rendere i collegamenti discesa funzionino correttamente.

istruzione

1 Aprire la pagina Web in un editor HTML o di testo come Blocco note.

2 Copiare e incollare il seguente codice tra il "<head>" e "</ head>" tag della tua pagina web:

<Script type = "text / javascript">
<! - Funzione di discesa (mySel)
{Var myWin, myVal;
myVal = mySel.options [mySel.selectedIndex] .value;
if (myVal)
{If (mySel.form.target) myWin = genitore [mySel.form.target];
altro myWin = finestra;
se restituire true (myWin!);
myWin.location = myVal; }
return false;} // ->
</ Script>

3 Posizionare il cursore dove si desidera inserire il menu a discesa.

4 Copiare e incollare il seguente codice nella tua pagina web:

<Form action = "../ cgi-bin / redirect.pl"

method=POST onSubmit=&quot;return dropdown(this.websites)&quot;>

<Select name = "siti web">
<Option value = ""> Scegli un sito
<Option value = "Yahoo" rel = "nofollow" target = "_blank"> http: //yahoo.com&quot;> Yahoo!
<Option value = "Google" rel = "nofollow" target = "_blank"> http: //google.com&quot;> Google
</ Select>
<Input type = Valore presentare = "Go">
</ Form>

Sostituire i siti web e il testo sulle linee di "valore opzione" con qualsiasi URL, il nome del sito web o di campo etichetta che si desidera. È inoltre possibile aggiungere ulteriori linee di "valore" opzione prima del tag "/ selezionare".