Тег <select>

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

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

поддержка браузерами:
IExplorer Chrome Opera Safari Firefox Android iOS
3.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
синтаксис:
<select>
  <option>Пункт 1</option>
  <option>Пункт 2</option>
</select>
атрибуты:
accesskey - Атрибут accesskey позволяет перейти к списку с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой.
autofocus - Атрибут autofocus устанавливает, что список получает фокус после загрузки страницы, при этом список становится доступным для выбора пунктов, например, с помощью клавиатуры.
disabled - Блокирует доступ и изменение элементов списка.
form - Связывает список с формой по её идентификатору.
multiple - Наличие атрибута multiple сообщает браузеру отображать содержимое элемента <select> как список множественного выбора.
name - Определяет уникальное имя элемента <select>.
required - Устанавливает список обязательным для выбора перед отправкой формы на сервер.
size - Устанавливает высоту списка.
tabindex - Атрибут tabindex определяет последовательность перехода между элементами при нажатии на клавишу Tab.
закрывающий тег:
Обязателен
пример кода:
<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег SELECT</title>
 </head>
 <body>  
 
  <form action="select1.php" method="post">
   <p><select size="3" multiple name="hero[]">
    <option disabled>Выберите героя</option>
    <option value="Чебурашка">Чебурашка</option>
    <option selected value="Крокодил Гена">Крокодил Гена</option>
    <option value="Шапокляк">Шапокляк</option>
    <option value="Крыса Лариса">Крыса Лариса</option>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>