Тег OPTGROUP

  Парный тег OPTGROUP предназначен для выделения на Web-странице групп пунктов списка, создаваемых элементами тега OPTION.
  Такие группы формируются включением элементов тега OPTION в элемент тега OPTGROUP, а сам он применяется внутри элементов тега SELECT, или тега DATALIST.
  Любой внутренний контент элемента тега OPTGROUP, кроме контента элементов тега OPTION, не отобразится на Web-странице.
  Однако для его заголовка применимы атрибуты стилей для строчных тегов и их значения наследуются соответствующими элементами тега OPTION.
  Атрибуты:
  DISABLED - Устанавливает блокировку доступа пользователя к группе пунктов списка.
  На Web-странице группа отображается серым. Однако такую группу может активировать скрипт.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут необязательный.
  LABEL - Устанавливает заголовок группы пунктов списка.
  Заголовок, по умолчанию, как-то выделяется браузером, а группа пунктов списка отображается под заголовком и со смещением относительно него.


Пример:
<FORM NAME="xx7" enctype="text/plain" method="get">
  <SELECT>
    <OPTGROUP LABEL="Выпить?">
      <OPTION VALUE="Водка">Водка</OPTION>
      <OPTION VALUE="Пиво">Пиво</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="Или закусить?">
      <OPTION VALUE="Поросенок с хреном">Поросенок с хреном</OPTION>
      <OPTION VALUE="Хрен с поросенком">Хрен с поросенком</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="А может?">
      <OPTION VALUE="Пиво без водки- деньги на ветер"> Пиво без водки- деньги на ветер</OPTION>
      <OPTION VALUE="Ну их всех нахрен" SELECTED>Ну их всех нахрен</OPTION>
    </OPTGROUP>
  </SELECT>
  <BR><INPUT TYPE="submit" NAME="Ответ" VALUE="Выбрать" >
  <BUTTON TYPE="reset/" NAME="reset" VALUE="Отказаться" STYLE="color: red">
     <IMG SRC="../content/green_rat.jpg">Отказаться
  </BUTTON>
</FORM>
Результат (кликните по трехугольнику):