- Главная»
- HTML-Шпаргалка»
- optgroup
optgroup
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
+ | + | + | + | + |
Пример
Группируем вместе похожие опции с помощью тега <optgroup>:
<select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select>
Описание и использование
Тег <optgroup> используется для группировки вместе похожих опций в списке select.
Если у Вас имеется длинный список опций, группировка существенно повышает юзабилити.
Разница между HTML и XHTML
НЕТ
Обязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
label | текст | Определяет описание группы опции |
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
disabled | disabled | Блокирует группу опций |
Стандартные атрибуты
Атрибут | Значение | Описание |
---|---|---|
class | имя_класса | Определяет имя класса для элемента |
dir | rtl ltr | Определяет направление текста для контента в элементе |
id | id | Определяет уникальный id для элемента |
lang | код_языка | Определяет код языка для контента в элементе |
style | определение_стиля | Определяет инлайновый стиль для элемента |
title | текст | Определяет дополнительную информацию об элементе |
xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
Атрибут | Значение | Описание |
---|---|---|
onclick | скрипт | Скрипт будет выполнен при клике |
ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
onfocus | скрипт | Скрипт будет выполнен при получения фокуса |
onmousedown | скрипт | Скрипт будет выполнен при нажатии кнопки мышки |
onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпушена |
onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |