HTML 4 optgroup Tag
Also see HTML5 <optgroup> Tag.
This page is for the HTML 4 version of this element. For a more up to date version, see HTML5 <optgroup> Tag.
The HTML optgroup tag is used for grouping related options within your select list. This makes it easier for users to comprehend their choices when looking at a large list.
This element is used in conjunction with the <option> tag and <select> tag.
Example
Attributes
| Attributes specific to this tag: | |
|---|---|
| Attribute | Description |
| label | Specifies a label for the option group. |
| Other Attributes: | |
| Attribute | Description |
| class | Document wide identifier. |
| id | Document wide identifier |
| dir | Specifies the direction of the text |
| lang | Language code |
| style | Inline style (CSS). |
| title | Specifies a title to associate with the element. |
| disabled | Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing. |
| onclick | Intrinsic event (see event handlers) |
| ondbclick | Intrinsic event (see event handlers) |
| onmousedown | Intrinsic event (see event handlers) |
| onmouseup | Intrinsic event (see event handlers) |
| onmouseover | Intrinsic event (see event handlers) |
| onmousemove | Intrinsic event (see event handlers) |
| onmouseout | Intrinsic event (see event handlers) |
| onkeypress | Intrinsic event (see event handlers) |
| onkeydown | Intrinsic event (see event handlers) |
| onkeyup | Intrinsic event (see event handlers) |
Try it Yourself!
Modify the code below, then click Update. See below for attributes.
HTML5 Tags
The information on this page is based on HTML version 4.01. Most modern browsers now support HTML5.
See HTML5 <optgroup> Tag for the HTML5 version of the above element.
See this list of HTML tags for the latest list of HTML elements.