Internet Explorer | 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 |
Тег <optgroup> представляет собой контейнер, внутри которого располагаются теги <option> объединенные в одну группу. Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.
<select> <optgroup label="..."> <option>...</option> </optgroup> </select>
Также для этого тега доступны универсальные атрибуты и события.
Обязателен.
Пример
<!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>
Сайт