| 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>
Атрибути
- disabled
- Блокує доступ до групи списку.
- label
- Текст, який буде входити в список у вигляді заголовка групи.
Також для цього тега доступні універсальні атрибути і події .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!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>