<select>
Выпадающий список вариантов.
Синтаксис
<select name="size">
<option value="s">Small</option>
</select>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| name | text | Имя для отправки на сервер. |
| multiple | — | Необязательный. Разрешить выбор нескольких пунктов. |
| size | number | Необязательный. Сколько строк показывать списком. |
Примеры
Выбор размера:
<label for="size">Size</label>
<select id="size" name="size">
<option value="s">Small</option>
<option value="m" selected>Medium</option>
<option value="l">Large</option>
</select>Список с множественным выбором (Ctrl + клик):
<select name="toppings" multiple size="3">
<option>Cinnamon</option>
<option>Caramel</option>
<option>Vanilla</option>
</select>Примечания
Выпадающий список хорош, когда вариантов больше пяти. Если их два-три, переключатели radio удобнее: все варианты видны сразу. Чтобы заставить выбрать вариант, добавьте первый пункт <option value=""> и атрибут required.
См. также
- <option>, <optgroup> — Пункт списка `<select>` или `<datalist>`; `<optgroup>` объединяет пункты в группы.
- <datalist> — Список подсказок для текстового поля: можно выбрать вариант или ввести свой.
- <label> — Подпись к полю формы.
Вопросы и ответы по теме
В учебнике
- Списки выбора и многострочный текст — Выпадающий список select и option, группы optgroup, выбор нескольких вариантов, textarea и подсказки datalist.