HTML and CSS Reference
In-Depth Information
Menus
The
select
element is a container element, allowing any number of
option
and
op-
tgroup
elements. It normally displays as a drop-down list, as shown in
Figure 4-20
.
Figure 4-20.
A
select
menu
This element has two specific attributes not covered elsewhere,
disabled
and
in the
file
input section). The Boolean
disabled
attribute can be added to disable
(gray out) user interaction with the menu. The
size
and
multiple
attributes are re-
lated. If the Boolean
multiple
attribute is added, the
select
menu will normally
display as a scrollable list box that permits multiple selections by the user, by holding
down the Command key (Mac) or Control key (Windows) and clicking multiple items.
The
size
attribute, which accepts a numerical value, determines how many rows of
options are displayed.
Figure 4-21
shows an example of a list menu.
__________
and
form
attributes covered earlier in this chapter.
Figure 4-21.
A list menu, created with a
select
element with a
multiple
attribute added
Each row within a
select
is contained within an
option
element, like so:
<select name="cheesemenu">
<option>Cheddar</option>
<option>Stilton</option>
<option>Brie</option>
</select>
Search WWH ::
Custom Search