Тег option
Последнее обновление: 23.01.2011
Тег <option> (с англ. выбор значений) — тег-контейнер, задает отдельную строку списка в теге <select>.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<select>
<option>...</option>
</select>
Атрибуты
class | определяет имя используемого класса |
---|---|
dir | определяет направление символов:
|
disabled | флаг. Делает элемент списка неактивным. Не поддерживается в IE |
id | уникальный идентификатор |
label | сокращенная надпись |
lang | определяет используемый язык |
onblur | потеря фокуса элементом. Отсутствует в спецификации HTML 4.01! |
onchange | потеря фокуса элементом при условии, что его содержимое изменилось. Отсутствует в спецификации HTML 4.01! |
onclick | щелчок на элементе |
ondblclick | двойной щелчок на элементе |
onfocus | получение фокуса элементом. Отсутствует в спецификации HTML 4.01! |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
onmouseout | смещение указателя мыши с элемента |
onmouseover | помещение указателя мыши на элемент |
onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
selected | флаг. Обозначает изначально выделенный элемент списка |
style | задает встроенную таблицу стилей |
title | всплывающая подсказка |
value | значение выбранное пользователем в списке |
Пример
Обычный выпадающий список.
Код:
<select>
<option selected="selected">Прямоугольник</option>
<option>Квадрат</option>
<option>Ромб</option>
</select>
Демонстрация заблокированных строк.
Код:
<select>
<option selected="selected">Красный</optoin>
<option disabled="disabled">Зеленый</option>
<option>Синий</option>
</select>
Рекомендации по использованию
- закрывающий тег обязателен (</option>)
- должен находиться внутри тега-контейнера <select> или <optgroup>
- тег <option> может содержать только текст CDATA, но не теги
- обязательных атрибутов нет
Атрибут value используется при отправке на сервер результата выбора пользователя.
Твой код:
Результат:
большой полигон
По теме
- Семантический HTML код — рекомендация с большими выгодами
- Семантические теги на базе HTML 4.01
- Теги представления на базе HTML 4.01
- Блочная верстка форм
- cuSel — нестандартные select на jQuery
- Атрибут label
- Атрибут selected
- Атрибут value
Теги: верстка форм, HTML теги
Показать комментарии