HTML <optgroup> Tag

❮ Previous Complete HTML Reference Next ❯

Example

Group related options with <optgroup> tags:

<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
<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 related options in a <select> element (drop-down list).

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

Browser Support

Element
<optgroup>	Yes	Yes	Yes	Yes	Yes

Attributes

Attribute	Value	Description
disabled	disabled	Specifies that an option-group should be disabled
label	text	Specifies a label for an option-group

Global Attributes

The <optgroup> tag also supports the Global Attributes in HTML.

Event Attributes

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

HTML DOM reference: OptionGroup Object

Default CSS Settings

None.