<option>, <optgroup>
Пункт списка `<select>` или `<datalist>`; `<optgroup>` объединяет пункты в группы.
Синтаксис
<optgroup label="Group"><option value="v">Text</option></optgroup>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| value | text | Что уйдёт на сервер. Без него — текст пункта. |
| selected | — | Пункт выбран изначально. |
| disabled | — | Пункт нельзя выбрать. |
| label | text | У `<optgroup>` — название группы. |
Примеры
Пункты, сгруппированные по категориям:
<select name="drink">
<optgroup label="Coffee">
<option value="espresso">Espresso</option>
<option value="latte" selected>Latte</option>
</optgroup>
<optgroup label="Tea">
<option value="green">Green tea</option>
<option value="black" disabled>Black tea (sold out)</option>
</optgroup>
</select>Примечания
Название <optgroup> выбрать нельзя — это просто заголовок группы. Группы не вкладываются друг в друга.
См. также
- <select> — Выпадающий список вариантов.
- <datalist> — Список подсказок для текстового поля: можно выбрать вариант или ввести свой.
Вопросы и ответы по теме
В учебнике
- Списки выбора и многострочный текст — Выпадающий список select и option, группы optgroup, выбор нескольких вариантов, textarea и подсказки datalist.