Тег option

Тег <option>

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
4.0+	1.0+	4.0+	1.0+	1.0+	1.0+	1.0+

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<select>

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

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

</select>

Атрибуты

disabled

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

label

Указание метки пункта списка.

selected

Заранее устанавливает определенный пункт списка выделенным.

value

Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

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

Закрывающий тег

Не обязателен.

Пример

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Тег OPTION</title>

</head>

<body>

<form action="option1.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>

Формы