HTML <optgroup> tag
Example
Group together related options with <optgroup> tags:
<select>
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
|
Try it yourself!
|
Definition and Usage
The <optgroup> tag is used to group together related options in a select list.
If you have a long list of
options, groups of related options are easier to handle for the user.
Browser Support
The <optgroup> tag is supported in all major browsers.
Differences Between HTML and XHTML
NONE
Required Attributes
DTD indicates in which DTD the attribute is
allowed. S=Strict, T=Transitional, and F=Frameset.
Attribute |
Value |
Description |
DTD |
label |
text |
Specifies a description for a group of options |
STF |
Optional Attributes
Attribute |
Value |
Description |
DTD |
disabled |
disabled |
Specifies that an option group should be disabled |
STF |
Standard Attributes
id, class, title, style, dir, lang, xml:lang, tabindex |
For a full description, go to Standard
Attributes.
Event Attributes
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup |
For a full description, go to Event Attributes.
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|