🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

Все опции списка должны быть обёрнуты в тег <option>.

<select multiple>
  <option value='apple'>Яблоко</option>
  <option value='banana'>Банан</option>
  <option value='orange'>Апельсин</option>
</select>

Атрибуты тега <select>:

  • autocomplete — подсказка для функции автозаполнения формы;
  • disabled — делает элемент неактивным;
  • form — связывает список с формой;
  • multiple — позволяет выбрать несколько опций;
  • name — задает имя элемента, которое будет отправляться на сервер;
  • required — делает элемент обязательным для заполнения;
  • size — задает количество строк в списке.

Атрибуты value в тегах <option> могут быть использованы для отправки значений на сервер.

Чем заменить этот тег

Если нужно, чтобы пользователи вводили текст в список, можете использовать тег <datalist> вместо <select>.

Полезные ссылки