optgroup

HTML тег optgroup — это тег, который используют для группировки вместе похожих опций в элементе select. Применяется особенно полезно для повышения уровня юзабилити если пунктов в выпадающем списке очень много.

Поддержка браузеров

ie IEoperaOperachromeChromefirefoxFirefoxsafariSafari
+++++

Пример

<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>

Разница между HTML и XHTML

Разницы нет.

Обязательные атрибуты

АтрибутЗначениеОписание
labelтекстОпределяет описание группы опции

Необязательные атрибуты

АтрибутЗначениеОписание
disableddisabledБлокирует группу опций

Стандартные атрибуты

АтрибутЗначениеОписание
classимя_классаОпределяет имя класса для элемента
dirrtl ltrОпределяет направление текста для контента в элементе
ididОпределяет уникальный id для элемента
langкод_языкаОпределяет код языка для контента в элементе
styleопределение_стиляОпределяет инлайновый стиль для элемента
titleтекстОпределяет дополнительную информацию об элементе
xml:langкод_языкаОпределяет код языка для контента в элементе, в XHTML документах

Событийные атрибуты

АтрибутЗначениеОписание
onclickскриптСкрипт будет выполнен при клике
ondblclickскриптСкрипт будет выполнен при двойном клике
onfocusскриптСкрипт будет выполнен при получения фокуса
onmousedownскриптСкрипт будет выполнен при нажатии кнопки мышки
onmousemoveскриптСкрипт будет выполнен при движении курсора мышки
onmouseoutскриптСкрипт будет выполнен, когда курсор мышки покинет пределы элемента
onmouseoverскриптСкрипт будет выполнен, когда курсор мышки находится над элементом
onmouseupскриптСкрипт будет выполнен, когда кнопка мышки будет отпушена
onkeydownскриптСкрипт будет выполнен при нажатии клавиши
onkeypressскриптСкрипт будет выполнен при нажатии клавиши и последующего разжатия
onkeyupскриптСкрипт будет выполнен при разжатии клавиши
Просмотров: 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *