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

Тег option

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

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

Твой код:

Результат: