Как сделать выпадающее меню в html
4 года назад
Человек-Молекула
Ответы
Рассмотрим простой стандартный способ создания выпадающего меню в HTML с использованием элемента <select>
и <option>
:
Этот код создаст выпадающий список с тремя опциями: "Option 1", "Option 2" и "Option 3". Каждая опция будет иметь значение, указанное в атрибуте value
.
Чтобы обработать изменение выбранной опции, можно использовать атрибут onChange
элемента <select>
и добавить JavaScript-обработчик события. Например:
В этом примере при выборе опции вызывается функция myFunction()
, которая выводит значение выбранной опции в консоль.
Чтобы настроить внешний вид выпадающего списка, можно использовать CSS. Например, чтобы изменить цвет фона и цвет текста выбранных опций, можно добавить следующий код:
Этот код изменит фон выбранной опции на синий цвет и цвет текста на белый.
2 года назад
Aleksey
Выпадающий меню можно через абсолютное позиционирование. HTML код выглядит так:
CSS код будет выглядеть так:
Как выглядит
год назад
Алёна Шереметьева