Тег <select>
<select> створює список для вибору одного або кількох варіантів зі списку option.
Syntax
<select name="plan">
<option value="basic">Базовий</option>
</select>
Attributes
| multiple | Дозволяє вибрати кілька опцій одночасно (зазвичай відображається як список, а не dropdown). |
| size | Кількість видимих рядків без розгортання (застосовується разом з multiple). |
| required | Робить вибір обов'язковим перед відправкою форми. |
Example
<select name="plan" required>
<option value="">Оберіть тариф</option>
<option value="basic">Базовий</option>
<option value="pro">Про</option>
</select>
Notes
- Порожня option з value="" як перший елемент — поширений спосіб зробити "нічого не вибрано" валідним початковим станом разом з required.
Accessibility
- Завжди пов'язуйте select з label через for/id, як і з input.