HTML5 <optgroup> Tag

Example

Group related options with <optgroup> tags:

<select>
<optgroup label="Indian Players">
<option value="Sachin">Sachin</option>
<option value="Ganguly">Ganguly</option>
</optgroup>
<optgroup label="Australian Players">
<option value="Maxwell">Maxwell</option>
<option value="white">white</option>
</optgroup>
</select>
Code it Online »

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.

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.


Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!