Використовуйте будь-який елемент, щоб відкрити спадне меню, напр. елемент <button>, <a> або <p>. Використовуйте елемент-контейнер (наприклад, <div>), щоб створити спадне меню та додати в нього спадні посилання. Оберніть елемент <div> навколо кнопки та <div>, щоб правильно розмістити спадне меню за допомогою CSS.
приклад
- змінна i; for (i = 0; i <col. length; i++) {col[i]. addEventListener("click", function() { this. classList.
- toggle("активний"); змінний вміст = це. nextElementSibling; якщо (зміст.
- стиль. maxHeight){ вміст. стиль. maxHeight = null; } ще {
- вміст. стиль. maxHeight = вміст. scrollHeight + "px"; } }); }
Як створити спадне меню в HTML
- Крок 1. Додайте елемент <label> до свого документа HTML. Це буде назва вашого спадного меню.
- Крок 2: Додайте елемент <select>. …
- Крок 3: Створіть елементи <option> і розмістіть їх усередині елемента <select>. …
- Крок 4: за бажанням додайте значення за умовчанням зі спадного списку.
Спочатку ми створюємо контейнерний елемент div, який містить два div, тобто один є бічної панеллю, а інший є вмістом. У div бічної панелі ми розміщуємо фіксовану бічну панель, а в div content ми додаємо вміст, який хочемо відображати в області вмісту.
Елемент <select> використовується для створення розкривного списку. Елемент <select> найчастіше використовується у формі для збору даних, введених користувачем. Атрибут name потрібний для посилання на дані форми після надсилання форми (якщо ви опустите атрибут name, дані зі спадного списку не надсилатимуться).
Часто використовуваний метод створення горизонтального списку полягає в тому використовуйте властивість display: inline для дочірніх елементів списку <ul> або <ol> (невпорядкований або впорядкований список). За замовчуванням елемент списку є блоковим і розгортається на всю ширину батьківського елемента.