Этот тег используется для создания всплывающего меню или списка опций с полосой прокрутки. Список опций и пункты меню располагаются внутри контейнера SELECT. Аналогично тегу <textarea>, <select> требует обязательного определения имени в атрибуте name. Количество опций указывается в атрибуте size. Ниже перечислены атрибуты тега <select>.
| Атрибут | Назначение |
|---|---|
| name | Определяет название информации |
| size | Определяет вертикальный размер окна для опций выбора. Если атрибут опущен или его значение равно 1, выводится всплывающий список опций. Если указано число больше единицы, то опции выводятся в окне с полосой прокрутки. Если значение атрибута больше, чем фактическое количество элементов списка, добавляются пустые строки. При их выборе пользователем возвращаются пустые поля |
| multiple | Позволяет выбирать сразу нескольких опций |
Список опций включается в контейнер <select> при помощи тега <option>. Этот тег имеет два атрибута.
| Атрибут | Назначение |
|---|---|
| value | Указывает значение, возвращаемое программе обработки (скрипту), в случае выбора опции пользователем |
| selected | Указывает на опцию, выбранную по умолчанию |
Пример
Ниже приведено содержимое двух html-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут selected).
<html>
<body>
Выберите время года:
<form>
<select name="year">
<option selected value="winter"> зима
<option value="spring"> весна
<option value="summer"> лето
<option value="autumn"> осень
</select>
</form>
</body>
</html>
<html>
<body>
<form>
Выберите время года:
<select multiple name="year">
<option selected value="winter"> зима
<option value="spring"> весна
<option value="summer"> лето
<option value="autumn"> осень
</select>
</form>
</body>
</html>
