English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
В веб-формах элемент HTML <option> используется для определения элементов, содержащихся в элементах <select>, <optgroup> или <datalist>. Тег <option> может也表示 пункт меню в других списках элементов в html-документе.
Создайте список выбора с тремя опциями:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Использование тега HTML option (Основной учебный сайт oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">Учебные материалы: </label> <select id="tutorial_choice"> <option value="html">HTML</option> <option value="css">CSS</option> <option value="sql">SQL</option> </select> </body> </body> </html>Проверьте, посмотрите ›/›
В этом примере документа HTML5 мы использовали тег <select>, чтобы создать список из трех выпадающих значений - HTML, CSS и SQL. Эти значения будут отображаться в виде выпадающего списка для выбора пользователем.
IEFirefoxOperaChromeSafari
Большинство основных браузеров поддерживают тег <option>.
Тег <option> определяет один вариант списка для выпадающего списка (один элемент).
содержимое тега <option> используется в качестве <select> или<datalist> использование одного элемента.
Комментарий: Тег <option> можно использовать без атрибутов, но обычно необходимо использовать атрибут value, который указывает на содержимое, отправляемое на сервер.
Комментарий: Этот тег должен использоваться вместе с элементом select, в противном случае он бессмысленен.
Совет: Если список вариантов большой, можно использовать тег <optgroup> для комбинирования связанных вариантов.
| Свойство | Значение | Описание |
|---|---|---|
| disabled | disabled | Определяет, что этот вариант должен быть отключен при загрузке. |
| label | text | Определяет аннотацию, используемую при использовании <optgroup>. |
| selected | selected | Определяет, что этот вариант будет отображаться как выбранный при первом появлении в списке. |
| value | text | Определяет значение варианта, отправляемое на сервер. |
Тег <option> поддерживает глобальные свойства, см. полный список свойств Глобальные свойства HTML.
Тег <option> поддерживает все Свойства событий HTML.