<option>

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

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

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

Поддержка:

HTML4 и выше

Атрибуты:

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

<option disabled>Выберите лекцию</option>

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

<option label="регулярные выражения" value="1">PHP: регулярные выражения</option>

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

<option value="t1" selected>Основные принципы построения сети Интернет</option>

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

<option value="t2">Использование HTML для верстки веб-страниц</option>

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

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>OPTION</title>
 </head>
 <body> 
  <form action="option1.php">
   <p><select size="10" name="hero">
    <option disabled>Выберите лекцию</option>
    <option value="t1" selected>Основные принципы построения сети Интернет</option>	
    <option value="t2">Использование HTML для верстки веб-страниц</option>
    <option value="t3">Использование CSS для оформления веб-страниц</option>
    <option value="t4">PHP: базовые понятия языка</option>	
    <option value="t5">PHP: переменные и типы данных</option>
    <option value="t6">PHP: конструкции языка</option>
    <option value="t7">PHP: регулярные выражения</option>
    <option value="t8">PHP: работа с базой данных MySQL</option>
    <option value="t9">PHP: использование механизмов Cookies и Session</option>
   </select></p>
   <p><input type="submit" value="Выбрать"></p>
  </form>
 </body>
</html>