Тег <optgroup>

IE
4.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

Закрывающий тег обязателен.

<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">
<div>
<select>
  <optgroup label="Времена года">
    <option value="winter">Зима</option>
    <option value="spring">Весна</option>
    <option value="summer">Лето</option>
    <option value="fall">Осень</option>
  </optgroup>
</select>
</div>
<div>
    <input type="submit" value="Отправить">
</div>
</form>

</body>
</html>

Категория: Формы

Статьи по теме

Поле со списком