select

Обновлено: 19.09.2022

<select>

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

Список множественного выбора Раскрывающийся список

Синтаксис

<select>
 <option>Пункт 1</option>
 <option>Пункт 2</option>
</select>

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

Обязателен.

Атрибуты

  • Атрибут autofocus

    Атрибут autofocus
    HTML5

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

  • Атрибут disabled

    Атрибут disabled

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

  • Атрибут form

    Атрибут form
    HTML5

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

  • Атрибут multiple

    Атрибут multiple

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

  • Атрибут name

    Атрибут name

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

  • Атрибут required

    Атрибут required
    HTML5

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

  • Атрибут size

    Атрибут size

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

  • Атрибут autofocus

    Атрибут autofocus
    HTML5

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

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

Пример

Браузеры

select

Посмотреть совместимость на Can I use?

select