Пример
Раскрывающийся список с четырьмя вариантами:
<label for="cars">Выберите автомобиль:</label>
<select id="cars">
<option value="volvo">Вольво</option>
<option value="saab">Сааб</option>
<option value="opel">Опель</option>
<option value="audi">Ауди</option>
</select>
Попробуйте сами »
Определение и использование <option>
Тег <option> определяет параметр в списке выбора.
Тег <option> находятся внутри элемнтов <select>, <optgroup>, или <datalist>.
Примечание: Тег <option> можно использовать без каких-либо атрибутов,но обычно нужен атрибут value, который указывает, что отправляется на сервер при отправке формы.
Совет: Если у вас есть длинный список опций, вы можете сгруппировать связанные опции в пределах тега <optgroup>.
Поддержка браузеров <option>
| Элемент | |||||
|---|---|---|---|---|---|
| <option> | Да | Да | Да | Да | Да |
Атрибуты <option>
| Атрибут | Значение | Описание |
|---|---|---|
| disabled | disabled | Указывает, что параметр должен быть отключен |
| label | text | Указывает более короткую метку для параметра |
| selected | selected | Указывает, что параметр должен быть предварительно выбран при загрузке страницы |
| value | text | Указывает значение, которое будет отправлено на сервер |
Глобальные атрибуты <option>
Тег <option> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <option>
Тег <option> также поддерживает События атрибутов в HTML.
Еще примеры <option>
Пример
Использование элемента <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="Шведские Автомобили">
<option value="volvo">Вольво</option>
<option value="saab">Сааб</option>
</optgroup>
<optgroup label="Немецкие Автомобили">
<option value="mercedes">Мерседес</option>
<option value="audi">Ауди</option>
</optgroup>
</select>
Попробуйте сами »
Связанные страницы <option>
HTML DOM Справочник: Объект Option
Настройки CSS по умолчанию <option>
Нет.