Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Тег <option>



Пример

Раскрывающийся список с четырьмя вариантами:

<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>

Нет.



×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.