You are using a previous version of Active Jump.

Go To Current Version of This Page

Active Jump Logo


Information
The Basics
Text
Pictures
Spacing
Colors
Links
Alignment
Lists/Bullets
Tables
Frames
Multimedia
Forms
ISO Characters
Meta Tags
Contact Us


Email Support
Email Contact

Divider

Selection Menu
Introduction
A selection menu is a list of items that can either be a drop-down list or an on-screen list. Users can then select item(s) from the list.
Selection Menu
Two tags mark off the selection menu. The starting one is <SELECT SIZE="X" NAME="XXXX"> and the closing tag is </SELECT>. X is replaced with the height of the list. If X is 1, one item will appear, if X is 2, two items will appear and so on. Please note that in order to have a drop-down list, X must be 1. If X is 2 or greater, there will be a scrollbar. XXXX is replaced with the name of the entire selection menu.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Selection Items
Selection items are the different items, or words, that are in your selection menu. These are marked off with a tag. The starting tag is <OPTION VALUE="X"> and the closing tag is </OPTION>. The word you want on the list goes between these tags. X is replaced with the value of the item, which is what is sent to the CGI script if that item is selected. This set of tags goes between the selection menu tags.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2">Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Automatically Selected
Automatically selecting an item means that an item is already selected when the user loads the page. To automatically select an item, add the line SELECTED to the <OPTION VALUE="X"> tag so the final result looks like <OPTION VALUE="X" SELECTED>.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2" SELECTED>Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Multiple Selections
Multiple selections allows users to make more than one selection if selecting the items while holding the CTRL key. To enable multiple selections, add the line MULTIPLE to the <SELECT SIZE="X" NAME="XXXX"> tag so the final result looks like <SELECT SIZE="X" NAME="XXXX" MULTIPLE>.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1" MULTIPLE>
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2">Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Test Your HTML
Printer Friendly Version


Jonathan David VerLee
webmaster@activejump.com


White