HTML5 <optgroup> Tag

Example

Group 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="vw">VW</option>
<option value="audi">Audi</option>
</optgroup>
</select>

Try it yourself »

Definition and Usage

The <optgroup> is used to group related options in a drop-down list.

If you have a long list of options, groups of related options are easier to handle for the user.


Differences Between HTML 4.01 and HTML5

NONE


Attributes

Attribute Value Description
label text Defines the label for the option group
disabled disabled Disables the options in that option-group

Standard Attributes

The <optgroup> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <optgroup> tag also supports the Event Attributes in HTML5.