Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег optgroup

Справочник: 
Тег

Характеристики тега

В каких браузерах работает?

4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

В каких спецификациях используется?

HTML - 4.01 5.0
XHTML 1.0 1.1

Для чего используется?

Объединяет в отдельную группу теги option. Представляется данный тег как обычный список, но содержимое выводится жирным шрифтом, а дочерние элементы смещаются в правую сторону относительно начального положения.

Как правильно задавать?

<optgroup label="…">
  <option>…</option>
</optgroup>

Какие атрибуты поддерживаются?

  • disabled - запрещает вносить изменение в группу.
  • label - формирует заглавие группы.

Данный тег поддерживает универсальные атрибуты и события.

Закрытый тег

Да.

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег optgroup</title>
 </head>
 <body>
 
  <form action="mail.php">
   <p><select>
   <optgroup label="Металл">
    <option value="c1">Сталь</option>
    <option value="c2">Чугун</option>
    <option value="c3">Алюминий</option>
   </optgroup>
   </select></p>
   <p><input type="submit" value="Отослать"></p>
  </form>
 
 </body>
</html>

Тип html тега: 
Формы