Educational Activities (Lesson Plans) The Winnipeg School Division No. 1
	General Information | Submit Lesson | Search Lesson Plans
	Technology Lessons | Technology Skills Continuum Guide | Home

Technology - Drop Down List Box

Multi-disciplinary
Yes

Technology
Yes

Description
Drop down list boxes can be used to present numerous options that a person can choose from. It is useful because numerous options can be presented without taking up a lot of document space. This lesson outlines how to insert a drop down list box into an HTML document.
<A HREF="dropbox.htm">Click here</A> to view an example of a drop down list box.

UnitPlan1
Yes

Tech Skills
Editing source code of an HTML document

Software
Any HTML editor which allows the user to modify source code eg. Internet Explorer (View | Source)

MiddleYears
Yes

S1-S4
Yes

SubmittedBy
Steve Skultety

Email: sskultety@wsd1.org

Details:

To add a drop down list box to an HTML document, 2 pieces of code need to be added to the page. One part of the code does the actual work of retrieving the item selected, the other part of the code generates the actual drop down list box which is seen on the page.

This lesson provides cut and paste code and the instructions on how to modify it to suit individual needs.

Click to see a sample of this task.

Click to download a copy of the
<A HREF="dropbox.wps">dropbox.wps</A> file.