Тег <option>
Описание
Тег <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> |
Тег | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
<option> | 1,0+ | 4,0+ | 1,0+ | 1,0+ | 4,0+ |