Пример
<select>
  <optgroup label="Российские города">
    <option value="moskva">Москва</option>
    <option value="stpet">Санкт-Петербург</option>
  </optgroup>
  <optgroup label="Американские города">
    <option value="ny">Нью-Йорк</option>
    <option value="ch">Чикаго</option>
  </optgroup>
</select>
С помощью тэга <optgroup> Вы можете сгруппировать элементы в выпадающем списке.
В поле DTD указаны DTD в которых эти атрибуты можно использовать. Более подробно о видах DTD можно почитать здесь: HTML 4.01 и XHTML 1.0 DTD. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (фреймовый).
Тэг <optgroup> поддерживает следующие атрибуты:
| Атрибуты | Значение | Описание | DTD | 
|---|---|---|---|
| label | текст | Определяет заголовок для сгруппированных элементов. | STF | 
| disabled | disabled | Указывает, что сгруппированные элементы не могут быть выбраны. | STF | 
Тэг <optgroup> поддерживает следующие атрибуты событий:
| Атрибута | Значение | Описание | DTD | 
|---|---|---|---|
| onclick | скрипт | Скрипт будет запущен по щелчку мыши. | STF | 
| ondblclick | скрипт | Скрипт будет запущен по двойному щелчку мыши. | STF | 
| onmousedown | скрипт | Скрипт будет запущен, когда кнопка мыши будет нажата. | STF | 
| onmousemove | скрипт | Скрипт будет запущен, когда указатель мыши будет перемещен в границах элемента. | STF | 
| onmouseout | скрипт | Скрипт будет запущен, когда указатель мыши выйдет за пределы границ элемента. | STF | 
| onmouseover | скрипт | Скрипт будет запущен, когда указатель мыши будет наведен на элемент. | STF | 
| onmouseup | скрипт | Скрипт будет запущен, когда нажатая кнопка мыши будет отпущена. | STF | 
| onkeydown | скрипт | Скрипт будет запущен, когда любая клавиша клавиатуры будет нажата. | STF | 
| onkeypress | скрипт | Скрипт будет запущен, когда клавиша клавиатуры будет нажата. | STF | 
| onkeyup | скрипт | Скрипт будет запущен, когда нажатая клавиша клавиатуры будет отпущена. | STF |