Organizing Options
into Groups: <optgroup>
If
a selection list contains too many options, it may look disorganized.
One possible solution to this problem is to organize the options into
various groups. An option group is defined using the
<optgroup></optgroup> tag pair. Its title
attribute specifies the title of an option group.
The
following WML example demonstrates how to use the
<optgroup></optgroup> tags to organize options of a
selection list:
(selListEg3.wml)
<?xml
version="1.0"?> <!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.3//EN"
"http://www.wapforum.org/DTD/wml13.dtd">
<wml> <card
id="card1" title="Selection
List"> <p> <select
name="selection_list"> <optgroup
title="WML Tutorial Ch1"> <option
value="tutorial_1A">Part 1A</option> <option
value="tutorial_1B">Part
1B</option> </optgroup> <optgroup
title="WML Tutorial Ch2"> <option
value="tutorial_2A">Part 2A</option> <option
value="tutorial_2B">Part
2B</option> </optgroup> </select> </p> </card> </wml>
The
following screenshots show the result of the above WML example in
some mobile phone browsers:



 Sony
Ericsson T610
|



 Sony
Ericsson T68i
|



 Nokia
Mobile Browser 4.0
|
Feedback Form (ExpandCollapse)
|
|