Главная/ HTML справочник | HTML теги: назначение, синтаксис, атрибуты, примеры./ Tags/ HTML тег option | назначение, синтаксис, атрибуты, примеры

Тег option

Последнее обновление: 03.03.2009

Тег <option> (с англ. выбор значений) — тег-контейнер, задает отдельную строку списка в теге <select>.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<select>
<option>...</option>
</select>
Атрибуты


class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
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 используется при отправке на сервер результата выбора пользователя.

Твой код:

Результат: