Option Group

Support Key: [2|3|3.2|4] [X1|X1.1] [IE6|M|N6B1|O7]
What is it?
Tag Example
Parent/Content Model
Tips & Tricks
Browser Peculiarities
= Index DOT Html by Brian Wilson =
Main Index | Element Tree | Element Index | HTML Support History

   Quick Statistics   
End Tag:
Standards Details:
In all HTML 4.x/XHTML DTDs
XHTML Modules:
CSS 'display' Type:
CSS Mapping:
Default Rendering:
Official Docs:
HTML 4.x, XHTML 1.1

What is it?
The OPTGROUP element allows authors to group selection list choices into a hierarchy. This is particularly helpful to non-visual user agents when large numbers of options are available to choose from. Possible rendering of this element could be a collapsible hierarchy list of OPTION element content or some presentation conveying the hierarchy relationship of the OPTION contents. Browsers not supporting this element will "see" only a traditional flat list of OPTION elements. The LABEL attribute for this element is used to provide shorter labels for the nodes of the hierarchical menus.

Common Attributes
[2|3|3.2|4] [X1|X1.1] [IE6|M|N6B1|O7]
[2|3|3.2|4] [X1|X1.1] [IE|M|N6|O7]
[2|3|3.2|4] [X1|X1.1] [IE|M|N6B1|O7]
[2|3|3.2|4] [X1|X1.1] [IE|M|N6|O]

Specific Attributes
[2|3|3.2|4] [X1|X1.1] [IE|M|N6B1|O7]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? No
This is a stand-alone attribute which indicates the element is initially non-functional. Disabled form elements should not be submitted to the form processing script.
Values: NA (HTML); disabled (XHTML)
[2|3|3.2|4] [X1|X1.1] [IE6|M|N6B1|O7]
Standards Details: In all HTML 4.x/XHTML DTDs
Required? Yes
This specifies a shorter alternate label for use in identifying the sub-group of options.
Values: CDATA
John and Judy's family tree:
<select name="Familytree">
<option label="Bill" value="bill">Bill Smith </option>
<option label="Mary" value="mary">Mary Smith </option>
<optgroup label="Joe">
    <option value="michael">Michael Smith </option>
    <option value="susan">Susan Smith </option>
    <option value="howard">Howard Smith </option>
Parent Model
<select> | <optgroup>
Content Model
<option> | <optgroup>
Tips & Tricks Browser Peculiarities
Boring Copyright Stuff...