Drop Down Menu in Html

arup4 · 06-15-2009, 01:37 PM

Drop Down Menu in Html

Open Notepad and type html code as given below

<HTML>

<HEAD>

<TITLE> Drop Down Menu in Html </TITLE>

</HEAD>

<BODY>

<P ALIGN = "LEFT"> <FONT COLOR = "#0000ff"> <B> Drop Down Menu </B> </P>

<sELECT NAME ="itemName" ALIGN = "LEFT">

<OPTION><-----Select------></OPTION>

<OPTION VALUE = "Rice"> Rice </OPTION>

<OPTION VALUE = "Dal"> Dal </OPTION>

<OPTION VALUE = "Masala"> Masala </OPTION>

<OPTION VALUE = "Refine Oil"> Refine Oil </OPTION>

<OPTION VALUE = "Sunflower Oil">Sunflower Oil</OPTION>

<OPTION VALUE = "Musterd Oil"> Musterd Oil </OPTION>

<OPTION VALUE = "Soya Bean"> Soya Bean </OPTION>

<OPTION VALUE = "Jeera"> Jeera </OPTION>

</SELECT>

</BODY>

</HTML>

Save your ducument in .html or .htm format.

Output:

Figure 1

Figure 2

Visit www.itechtalk.com

06-15-2009, 01:37 PM	#1 (permalink)
arup4 Status: Junior Member Join Date: Jun 2009 Posts: 29	Drop Down Menu in Html Drop Down Menu in Html Open Notepad and type html code as given below <HTML> <HEAD> <TITLE> Drop Down Menu in Html </TITLE> </HEAD> <BODY> <P ALIGN = "LEFT"> <FONT COLOR = "#0000ff"> <B> Drop Down Menu </B> </P> <sELECT NAME ="itemName" ALIGN = "LEFT"> <OPTION><-----Select------></OPTION> <OPTION VALUE = "Rice"> Rice </OPTION> <OPTION VALUE = "Dal"> Dal </OPTION> <OPTION VALUE = "Masala"> Masala </OPTION> <OPTION VALUE = "Refine Oil"> Refine Oil </OPTION> <OPTION VALUE = "Sunflower Oil">Sunflower Oil</OPTION> <OPTION VALUE = "Musterd Oil"> Musterd Oil </OPTION> <OPTION VALUE = "Soya Bean"> Soya Bean </OPTION> <OPTION VALUE = "Jeera"> Jeera </OPTION> </SELECT> </BODY> </HTML> Save your ducument in .html or .htm format. Output: Figure 1 Figure 2 Visit www.itechtalk.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode