Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Елемент Select | Форми
Знайомство з HTML
course content

Зміст курсу

Знайомство з HTML

Знайомство з HTML

1. Веб Розробка
2. Теги та Атрибути
3. Структура Документа
4. Медіа та Таблиці
5. Форми

bookЕлемент Select

Елемент <select> використовується для створення випадаючого списку опцій, з яких користувач може вибирати. Зазвичай він використовується у формах, де користувачеві потрібно вибрати з попередньо визначеного набору опцій. Він завжди використовується разом з елементами <option>. Елементи <option> визначають окремі елементи у випадаючому списку.

html

index

css

index

js

index

copy

Елемент <select> також має декілька атрибутів, за допомогою яких можна змінювати його поведінку:

  • name - Ім'я елемента вибору, що використовується при відправленні форми;
  • size - Кількість видимих варіантів у випадаючому списку;
  • multiple - Якщо присутній, дозволяє користувачеві вибрати кілька варіантів;
  • disabled - Якщо присутнє, відключає елемент вибору.

Щоб розділити список на окремі, не пов'язані між собою групи, ми можемо використовувати тег <optgroup>. Атрибут label використовується для присвоєння заголовка групі.

html

index

css

index

js

index

copy

Примітка

За замовчуванням у списку вибирається перший елемент <option>. Якщо ми хочемо це змінити, ми можемо додати атрибут selected до будь-якого елемента <option>.

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 8
We're sorry to hear that something went wrong. What happened?
some-alt