Тег <select>
Опис
Тег <select> у HTML використовується для створення спадного списку, де користувач може обрати один або декілька варіантів з випадаючого списку.
Тег <select> повинен містити елементи <option>, які представляють варіанти вибору. Для відображення тексту за замовчуванням використовується атрибут selected в елементі <option>.
Приклад
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>Тег <select> підтримується у всіх сучасних браузерах.
Інші теги, що використовуються разом з <select>: <option>, <optgroup>, <datalist>
<select attribute="value">Атрибути
| name | Вказує ім'я елемента форми |
| autofocus | Автоматично встановлює фокус на елементі при завантаженні сторінки |
| disabled | Вимикає елемент списку для вибору |
| form | Вказує на форму, до якої належить елемент |
| multiple | Дозволяє обирати декілька варіантів |
| required | Вказує, що елемент потрібно заповнити перед відправленням форми |
Часті запитання
-
Q: Як використовувати тег <select> в HTML?
A: Тег <select> використовується для створення випадаючого списку на веб-сторінці.
-
Q: Як додати елементи у тег <select> в HTML?
A: Елементи можна додати в тег <select> за допомогою тегу <option> всередині <select>.
-
Q: Як встановити значення за замовчуванням у тегу <select> в HTML?
A: Для встановлення значення за замовчуванням у тегу <select> можна використовувати атрибут selected у тезі <option>.
-
Q: Як використовувати групи елементів у тегу <select> в HTML?
A: Для створення груп елементів у тегу <select> можна використовувати тег <optgroup> всередині <select>.
-
Q: Як отримати вибране значення з тегу <select> в HTML за допомогою JavaScript?
A: За допомогою JavaScript можна отримати вибране значення з тегу <select> за допомогою властивості value у вибраному <option> елементі.