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