Тег <optgroup>

Тег <optgroup> представляет собой контейнер, внутри которого располагаются теги <option> объединенные в одну группу.

Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.

поддержка браузерами:
IExplorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+
спецификация:
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1
синтаксис:
<select>
 <optgroup label="...">
  <option>...</option>
 </optgroup> 
</select>
атрибуты:
disabled - Блокирует доступ к группе списка, при этом группа отображается другим цветом (обычно серым) и недоступна для выбора.
label - Текст, который будет входить в список в виде заголовка группы.
закрывающий тег:
Обязателен
пример кода:
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег OPTGROUP</title>
 </head>
 <body>

  <form action="handler.php">
   <p><select>
   <optgroup label="Цвет">
    <option value="c1">Апельсиновый</option>
    <option value="c2">Лимонный</option>
    <option value="c3">Персиковый</option>
   </optgroup>
   <optgroup label="Тон">
    <option value="s1">Светлый</option>
    <option value="s2">Нормальный</option>
    <option value="s3">Темный</option>
   </optgroup>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>