Как создать выпадающий список в HTML?

Для создания выпадающего списка в HTML используется тег <select> в сочетании с тегом <option>. sky.pro Тег <select> определяет контейнер для списка, а тег <option> используется для определения каждого элемента списка. sky.pro

Пример создания выпадающего списка: sky.pro

<form>   <label for=”fruits”>Выберите фрукт:</label>   <select id=”fruits” name=”fruits”>     <option value=”apple”>Яблоко</option>     <option value=”banana”>Банан</option>     <option value=”orange”>Апельсин</option>   </select> </form> 

В этом примере создаётся форма с выпадающим списком, содержащим три опции: яблоко, банан и апельсин. sky.pro Значения опций (value) будут отправлены на сервер при отправке формы. sky.pro

Некоторые атрибуты тега <select>: nubex.ru

• name. nubex.ru Позволяет отправить выбранное значение на сервер. doka.guide
• size. nubex.ru Определяет число отображаемых строк в списке (число). nubex.ru
• multiple. nubex.ru Включает функцию множественного выбора элементов выпадающего списка. nubex.ru
• disabled. nubex.ru Блокирует доступ к элементу. nubex.ru
• form. nubex.ru Позволяет связать выпадающий список с формой (может понадобиться, если сам список находится вне формы, к которой должен быть привязан). nubex.ru В качестве аргумента передаётся id формы. nubex.ru

Также для определения групп пунктов внутри выпадающего списка HTML используется тег <optgroup>. ru.hexlet.io