НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

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 налаштування за замовчуванням

Немає.