HTML Тег <option>
Приклад
Розкривний список із чотирма параметрами:
<label for="cars">Виберіть автомобіль:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Спробуйте самі »
Більше прикладів "Спробуйте самі" далі.
Визначення та використання
Тег <option> визначає параметр у списку вибору.
Елементи <option> входять до елементів <select>, <optgroup> або <datalist>.
Примітка: Тег <option> можна використовувати без жодних атрибутів, але зазвичай вам потрібен атрибут value, який вказує, що надсилається на сервер під час подання форми.
Порада: якщо у вас довгий список параметрів, ви можете згрупувати пов’язані параметри в тезі <optgroup>.
Підтримка браузерами
| Елемент | |||||
|---|---|---|---|---|---|
| <option> | Yes | Yes | Yes | Yes | Yes |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| disabled | disabled | Визначає, що параметр має бути вимкнено |
| label | text | Визначає коротшу мітку для опції |
| selected | selected | Визначає, що під час завантаження сторінки потрібно попередньо вибрати параметр |
| value | text | Визначає значення, яке буде надіслано на сервер |
Глобальні атрибути
Тег <option> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <option> також підтримує Атрибути подій в HTML.
Більше прикладів
Приклад
Використання <option> у елементі <datalist>:
<label for="browser">Виберіть свій браузер зі списку:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Спробуйте самі »
Приклад
Використання <option> у елементі <optgroup>:
<label for="cars">Виберіть автомобіль:</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Спробуйте самі »
Пов’язані сторінки
HTML DOM довідник: Об’єкт Option
CSS налаштування за замовчуванням
Немає.
