Specifies a grouping of option elements within a select element.
Browser/User Agent Support
| IE | Netscape | Mozilla | Opera | Safari | 6.0+ | 6.0+ | 1.0+ | 4.0+ | 1.0+ |
|---|
Example
This example shows a select list of dog breeds with three list items. The two large breeds are grouped together into an option group.
<select name="dog" id="dog" >
<optgroup label= "bigDogs" >
<option id="lab" label="lab" value="lab" > Labrador retriever </option>
<option id="golden" label="golden" value="golden" > Golden retriever </option>
</optgroup>
<option id="pug" label="pug" value="pug" > Pug </option>
</select>
Remarks
<optgroup></optgroup> tags should always be nested within a <select></select> element.
Attribute Detail
| Attribute | IE | Netscape | Mozilla | Opera | Safari |
|---|---|---|---|---|---|
|
CSS class assigned to the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Direction of the element text.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Specifies whether or not the element is disabled.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Unique identifier for the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Short text description for the element.
|
4.0+ | 1.0+ | 4.0+ | 1.0+ | |
|
Language code for the content of the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Inline style for the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Short text description for the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
Event Detail
| Event | IE | Netscape | Mozilla | Opera | Safari |
|---|---|---|---|---|---|
|
Fires when the element becomes active.
|
4.0+ | no | no | no | no |
|
Fires immediately before the element becomes active.
|
4.0+ | no | no | no | no |
|
Fires immediately before the selection is copied to the clipboard.
|
4.0+ | no | no | no | 1.0+ |
|
Fires immediately before the selection is cut to the clipboard.
|
4.0+ | no | no | no | 1.0+ |
|
Fires immediately before the element stops being the active element.
|
4.0+ | no | no | no | no |
|
Fires immediately before the element receives focus prior to being edited.
|
4.0+ | no | no | no | no |
|
Fires immediately before the selection is pasted from the clipboard to the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element loses focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the element is clicked.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the element is right-clicked and the context menu opens.
|
4.0+ | no | no | no | 1.0+ |
|
Fires immediately before the element is selected.
|
4.0+ | no | no | no | no |
|
Fires when the element is copied to the clipboard.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element is cut to the clipboard.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element is double-clicked.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the active element becomes inactive.
|
4.0+ | no | no | no | no |
|
Fires when the element is dragged.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element is released from being dragged.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element has another object dragged onto it that can be dropped on the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when an element has an object dragged out of it that could be dropped onto the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when an element has an object dragged over it that could be dropped onto the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires immediately before an element is dragged.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when an object is dropped onto the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element receives focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires immediately before an element receives focus.
|
4.0+ | no | no | no | no |
|
Fires immediately after focus moves from the element to another element.
|
4.0+ | no | no | no | no |
|
Fires when a user presses the F1 key to activate help.
|
4.0+ | no | no | no | no |
|
Fires when a user presses down on a key while the element has focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when a user presses a key or holds down the key while the element has focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when a user releases a key while the element has focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when Print or Print Preview finishes laying out the content in a LayoutRect with the source data.
|
4.0+ | no | no | no | no |
|
Fires when the element loses mouse capture.
|
4.0+ | no | no | no | no |
|
Fires when a user clicks down on the mouse button while the element has focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the mouse pointer enters the element.
|
4.0+ | no | no | no | no |
|
Fires when the mouse pointer leaves the element.
|
4.0+ | no | no | no | no |
|
Fires when the mouse moves while the pointer over the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the mouse pointer moves off of the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the mouse pointer moves over the element.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the user releases the mouse button while the element has focus.
|
2.0+ | 1.0+ | 1.0+ | 4.0+ | 1.0+ |
|
Fires when the user rotates the mouse wheel while the element has focus.
|
4.0+ | no | no | no | no |
|
Fires when the element moves.
|
4.0+ | no | no | no | no |
|
Fires when the element stops moving.
|
4.0+ | no | no | no | no |
|
Fires immediately before the element moves.
|
4.0+ | no | no | no | no |
|
Fires when the clipboard contents are pasted onto the element.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when one of the properties of the element changes.
|
4.0+ | no | no | no | no |
|
Fires when the ready state of the element changes.
|
4.0+ | no | no | no | no |
|
Fires immediately before an element is about to be resized.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when the element is finished being resized.
|
4.0+ | no | no | no | no |
|
Fires immediately before a user resizes the element.
|
4.0+ | no | no | no | no |
|
Fires immediately before the element is selected.
|
4.0+ | no | no | no | 1.0+ |
|
Fires when a time-related error occurs.
|
4.0+ | no | no | no | no |
