Пояснення прикладу Використовуйте будь-який елемент, щоб відкрити спадне меню, напр. елемент <button>, <a> або <p>. Використовуйте елемент-контейнер (наприклад, <div>), щоб створити спадне меню та додати в нього спадні посилання. Оберніть елемент <div> навколо кнопки та <div>, щоб правильно розмістити спадне меню за допомогою CSS.
Як створити спадне меню в HTML
- Крок 1. Додайте елемент <label> до свого документа HTML. Це буде назва вашого спадного меню.
- Крок 2: Додайте елемент <select>. …
- Крок 3: Створіть елементи <option> і розмістіть їх усередині елемента <select>. …
- Крок 4: за бажанням додайте значення за умовчанням зі спадного списку.
Базовий спадний список
- положення: відносне; дисплей: inline-block;
- дисплей: немає; позиція: абсолютна; колір фону: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); відступ: 12px 16px; z-індекс: 1;
- дисплей: блок;
Елемент <select> використовується для створення розкривного списку. Елемент <select> найчастіше використовується у формі для збору даних, введених користувачем. Атрибут name потрібний для посилання на дані форми після надсилання форми (якщо ви опустите атрибут name, дані зі спадного списку не надсилатимуться).
Виберіть клітинку на робочому аркуші, у якій потрібно розкривний список. Перейдіть на вкладку «Дані» на стрічці, а потім виберіть «Перевірка даних». На вкладці Параметри в полі Дозволити виберіть Список. Якщо люди можуть залишати клітинку порожньою, установіть прапорець Ігнорувати порожні.