The <select> елемент використовується для створення розкривного списку. Елемент <select> найчастіше використовується у формі для збору даних, введених користувачем. Атрибут name потрібний для посилання на дані форми після надсилання форми (якщо ви опустите атрибут name, дані зі спадного списку не надсилатимуться).
Як створити спадне меню в HTML
- Крок 1. Додайте елемент <label> до свого документа HTML. Це буде назва вашого спадного меню.
- Крок 2: Додайте елемент <select>. …
- Крок 3: Створіть елементи <option> і розмістіть їх усередині елемента <select>. …
- Крок 4: за бажанням додайте значення за умовчанням зі спадного списку.
<select> Елементи форми HTML
| Тег | опис |
|---|---|
| <select> | Визначає розкривний список |
| <optgroup> | Визначає групу пов’язаних параметрів у розкривному списку |
| <option> | Визначає параметр у розкривному списку |
| <button> | Визначає кнопку, яку можна натиснути |
Використовуйте елемент-контейнер (як <div>), щоб створити спадне меню та додати в нього спадні посилання. Оберніть елемент <div> навколо кнопки та <div>, щоб правильно розмістити спадне меню за допомогою CSS.
The тег <select> визначає елемент спадного списку у формі HTML. Він має атрибут name, який визначає назву вхідних даних, і необов’язковий атрибут size, який визначає, скільки опцій буде видно одночасно.
Щоб зробити вибір обов’язковим у HTML, використовувати необхідний атрибут. З обов’язковим атрибутом користувач повинен вибрати значення перед надсиланням форми; якщо користувач відмовляється вибрати значення, форма не надсилається.