<select>

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

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

Обязателен

Поддержка:

HTML4 и выше

Атрибуты:

autofocus - Устанавливает, что список получает фокус после загрузки страницы.

   <select name="information" autofocus>
    <option value="1">cтатьи</option>
    <option value="2">уроки</option>
   </select>

disabled - Блокирует доступ и изменение элемента.

   <select disabled name="lecture">
   <option selected>выберите лекцию</option>
   <option>лекция 1</option>
   </select>

form - Связывает список с формой.

<form id="inf" action="labs.php"> </form>
   <select name="id" form="inf">
    <option value="1">Основы языка PHP</option>
    <option value="2">Работа с массивами</option>
  </select>
  <p><input type="submit" form="inf" value="Просмотреть"></p>

multiple - Позволяет одновременно выбирать сразу несколько элементов списка.

  <select multiple size="2">
    <option>Основные принципы построения сети Интернет</option>
    <option>Использование HTML для верстки веб-страниц</option>
    <option>Использование CSS для оформления веб-страниц</option>
    </select>

name - Имя элемента для отправки на сервер или обращения через скрипты.

<select name="html">
    <option>Выберите тег</option>
   </select>

required - Список обязателен для выбора перед отправкой формы.

    <select name="lecture" required>
    <option value="1">Основные принципы построения сети Интернет</option>
    </select>

size - Количество отображаемых строк списка.

    <select size="2">
    <option>audio</option>
    <option>basefont</option>
    <option>dialog</option>
    </select>

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

Пример:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>SELECT</title>
 </head>
 <body>
    <p><select size="2">
    <option disabled>Выберите лекцию</option>
    <option value="1">Основные принципы построения сети Интернет</option>
    <option value="2">Использование HTML для верстки веб-страниц</option>
    <option value="3">Использование CSS для оформления веб-страниц</option>
    <option value="4">PHP: базовые понятия языка</option>
	<option value="5">PHP: переменные и типы данных</option>
   </select></p>
  </form>
 </body>
</html>