Элемент <option>

Элемент <option> (от англ. option — вариант, выбор) определяет отдельные пункты списка, созданного с помощью элемента <select>. Ширина списка определяется самым широким текстом, указанным в <option>, а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент <select> внутрь формы. Это также необходимо, когда к данным списка идёт обращение через скрипты.

Синтаксис

<select>
  <option>Пункт 1</option>
  <option>Пункт 2</option>
</select>

Атрибуты

disabled
Заблокировать для доступа элемент списка.
label
Указание метки пункта списка.
selected
Заранее устанавливает определённый пункт списка выделенным.
value
Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

Также для этого элемента доступны универсальные атрибуты.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>OPTION</title> </head> <body> <form action="option2.php"> <p><select size="3" name="hero"> <option disabled>Выберите рыцаря</option> <option value="t1" selected>Гавейн</option> <option value="t2">Ланселот</option> <option value="t3">Галахэд</option> <option value="t4">Персиваль</option> </select></p> <p><input type="submit" value="Отправить"></p> </form> </body> </html>

Результат данного примера показан на рис. 1.

Вид списка

Рис. 1. Вид списка

Спецификация

Браузеры

4 12 1 4 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Формы