HTML <optgroup> Attributes

HTML <optgroup> disabled Attribute

A disabled option-group:

<select>
<optgroup label=”German Cars” disabled>
<option value=”mercedes”>Mercedes</option>
<option value=”audi”>Audi</option>
</optgroup>
</select>

Try it Yourself »


Definition and Usage

The disabled attribute is a boolean attribute.

When present, it specifies that an option-group should be disabled.

A disabled option-group is unusable and un-clickable.

The disabled attribute can be set to keep a user from selecting the option-group until some other condition has been met (like selecting a checkbox, etc.). Then, a JavaScript is required to remove the disabled value, and make the option-group selectable.


HTML <optgroup> label Attribute

Two option-groups with labels:

<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 label attribute specifies a label for an option-group.