Тег <option>

IE
4.0+
Chrome
1.0+
Opera
4.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Тег <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="handler.php">
<div>
<select>
    <option value="winter">Зима</option>
    <option value="spring">Весна</option>
    <option value="summer">Лето</option>
    <option value="fall">Осень</option>
</select>
</div>
<div>
    <input type="submit" value="Отправить">
</div>
</form>

</body>
</html>

Категория: Формы