Come creare un menu a discesa

October 17

Nel progettare il vostro sito web, si consiglia di includere funzioni speciali come forme per i clienti di compilare. I moduli sono utilizzati per ordinare da un sito web o per la fornitura di altri tipi di informazioni. È possibile collegamento forme di banche dati o hanno clienti stamparli per posta utilizzando un WYSIWYG rende facile.; tuttavia, se si ha familiarità con il linguaggio HTML, il codice da soli per creare un menu a discesa.

istruzione

1 Aprite il vostro editor HTML e aggiungere i tag di base per una pagina web. Digitare il titolo per il vostro menu a discesa (ad esempio, Topping vorrei sulla mia pizza :). Ricordatevi di racchiuderlo in tag di paragrafo. Si noti che un tag di paragrafo di chiusura non è sempre necessario; tuttavia, non è una cattiva idea di includerlo.

2 Capire quali sono le opzioni disponibili saranno quando si crea un menu a discesa. Include una lunga lista, se si vuole, ma basta ricordarsi di inserire un tag <option> prima di ogni elemento. Inizia con un tag di paragrafo, <p>, e digitare: <select name = "nome"> per avviare il menu a tendina. Si pensi all'esempio pizza - <select name = "condimenti">.

3 Aggiungere le opzioni e <option> tag successiva per creare un menu a discesa. Inizia con l'opzione di default. Vedere che questo è il testo visibile di default nel menu a discesa. Rendono qualcosa di generico a meno che non si tratta di una opzione di gente comune in genere scegliere. Utilizzare il tag, <opzione selezionata> scegliere, per un generico o nessuna opzione di default, per esempio. Digitare un nome di opzione più specifica per le scelte popolari, come ad esempio <opzione selezionata> peperoni.

4 Mettere nel resto delle opzioni e le tag <option>. Costruire la vostra lista di scelte (ad esempio, <option> formaggio extra, <option> olive nere, <option> peperoni, <option> ananas. Includere come molte opzioni e le etichette di cui hai bisogno per creare un menu a discesa.

5 Chiudere il tag <select> e finire il elenco a discesa menu con </ select>. Un nome al menu a tendina (ad esempio, degli ingredienti). Sappiate che questo testo non va con o all'interno di un tag perché è l'etichetta l'attenzione degli spettatori vedranno. Tenete a mente che non è necessario includere una etichetta da quando si dispone di un titolo prima che il menu a discesa. Si noti, inoltre, che si può mettere l'etichetta prima del vostro menu a discesa, invece. Essere sicuri e lasciarlo fuori dalla <select> e l'area <option> Elenco però.

Consigli e avvertenze

  • Eliminare spazi aggiuntivi utilizzati per gli scopi dell'esposizione soltanto nei tag elencati qui se si prevede di copiare e incollare qualsiasi dei tag.