<optgroup>

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

Закрывающийся тег:

Обязателен

Поддержка:

HTML4 и выше

Атрибуты:

disabled Блокирует доступ к группе списка.

<optgroup label="Версия HTML">
    <option value="c1">0.9</option>
    <option value="c2">2.0</option>
   </optgroup>
   <optgroup label="Версия PHP" disabled>
    <option value="c3">5.2</option>
    <option value="c4">5.3</option>
   </optgroup>

label Текст, который будет входить в список в виде заголовка группы.

<optgroup label="Версия HTML">
    <option value="c1">0.9</option>
    <option value="c2">2.0</option>
   </optgroup>

Также для этого элемента доступны универсальные атрибуты и события.

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>OPTGROUP</title>
 </head>
 <body>
  <form action="handler.php">
   <p><select>
   <optgroup label="Версия HTML">
    <option value="c1">0.9</option>
    <option value="c2">2.0</option>
    <option value="c3">3.2</option>
    <option value="c4">4.0</option>
    <option value="c5">4.01</option>
    <option value="c6">ISO </option>
    <option value="c7">5</option>
    <option value="c8">5.1</option>
   </optgroup>
   <optgroup label="Версия PHP">
    <option value="c9">5.2</option>
    <option value="c10">5.3</option>
    <option value="c11">5.4</option>
    <option value="c12">5.5</option>
    <option value="c13">5.6</option>
    <option value="c14">7.0</option>
   </optgroup>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>