The Select and
Option Element

The standard drop-down list, known in HTML as the select list, is created with the SELECT and OPTION element.
 
The <SELECT> element
 
The SELECT element is the structure of the drop-down list. The content of this element is the OPTION element as well as text elements. After inserting all the inline element into your list you should end it with an end tag </SELECT>
The attributes are:
 
name  This is the name associated with the value (or values) that are returned to the script for processing.
 
size  If this is to be a scrollable list, you must specify the number of rows that will be visible to the visitor.
 
multiple  This Boolean attribute enables the visitor to select more then one value.
 
tabindex  This attribute indicates the tabbing order in a form.
 
The <OPTION> element
 
For each item in the select list that will be shown and selected by the visitor, you need an instance of the OPTION element. The OPTION element does not need an end tag. The content of this element is text.
It has the following attributes:
 
selected  This attribute indicate that this element will be highlighted in the drop-down list.
 
value  This is the initial value of the choice. It normally is the same as the content of the OPTION element.
 
label  This is the value that will be sent to the script for processing. It should be used if the content of the OPTION element is too long to be useful for processing.
Here is a simple example:

What is your favorite car?

What is your favorite car?
<SELECT name="car" multiple>
  <OPTION label="porsche">Porsche 911
  <OPTION>BMW Z8
  <OPTION selected>Ferrari F40
</SELECT

More controls......next page

 

Copyright © 2000, 2001 Proxima Design
Back Home Links e-Mail