Тег select создает выпадающий список для использования в HTML формах.

Отдельный пункт списка должен храниться в теге option.

См. также атрибут selected, который задает выбранный по умолчанию пункт списка.

См. также тег optgroup, который группирует пункты списка.

См. также тег datalist, который создает выпадающий список, прикрепленный к полю ввода.

См. также теги input и textarea.

Атрибуты

Атрибут Описание
multiple Наличие данного атрибута создает мультиселект - выпадающий список, в котором можно выбрать несколько пунктов, зажав клавишу контрол (Ctrl) или выделив их мышкой. Необязательный атрибут.
Пользоваться так: <select multiple> или так <select multiple="multiple">.
name Имя выпадающего списка. Нужно для того, чтобы достать данные поля ввода в PHP. Для корректной работы формы имена полей ввода не должны совпадать друг с другом (в одной форме). Если они совпадают - в PHP придут данные того поля ввода, которое ниже в HTML коде.

Примеры

Пример

В данном примере вы видите выпадающий список:

<select>
	<option>Москва</option>
	<option>Минск</option>
	<option>Киев</option>
	<option>Лондон</option>
</select>

Результат выполнения кода:

Пример

Ширина выпадающего списка равна ширине самого большого элемента (если она не будет явно указана с помощью CSS свойства width):

<select>
	<option>Москва - столица России</option>
	<option>Минск</option>
	<option>Киев</option>
	<option>Лондон</option>
</select>

Результат выполнения кода:

Пример . Выбор по умолчанию

Сейчас город Минск будет выбран по умолчанию. Это сделано с помощью атрибута selected:

<select>
	<option>Москва - столица России</option>
	<option selected>Минск</option>
	<option>Киев</option>
	<option>Лондон</option>
</select>

Результат выполнения кода:

Пример . Мультиселект

Превратим обычный select в мультиселект с помощью атрибута multiple. Зажмите клавишу контрол (ctrl) и, не отпуская ее, вы сможете выбрать несколько пунктов выпадающего списка. Или же просто попробуйте выделить мышкой несколько пунктов (зажмите левую кнопку и выделяйте).

Обратите внимание на то, что имя селекта, заданное в атрибуте name, должно быть с квадратными скобками в конце. Это нужно для того, чтобы в PHP приходили все выбранные значения (иначе придет только одно - последнее).

<select multiple name="city[]">
	<option>Москва - столица России</option>
	<option>Минск</option>
	<option>Киев</option>
	<option>Лондон</option>
</select>

Результат выполнения кода:

Пример . Несколько значений по умолчанию в мультиселекте

В мультиселекте по умолчанию может быть выбрано более, чем одно значение:

<select multiple name="city[]">
	<option>Москва - столица России</option>
	<option selected>Минск</option>
	<option>Киев</option>
	<option selected>Лондон</option>
</select>

Результат выполнения кода: