Використання елемента Select для випадаючих меню

Елемент <select> використовується для створення випадаючого списку варіантів, з яких користувач може обрати. Зазвичай застосовується у формах, де потрібно вибрати один із заздалегідь визначених варіантів. Завжди використовується разом з елементами <option>. Елементи <option> визначають окремі пункти у випадаючому списку.

Елемент <select> також має кілька атрибутів, які дозволяють змінювати його поведінку, зокрема:

• name: ім'я елемента select, використовується під час надсилання форми;
• size: кількість видимих варіантів у випадаючому списку;
• multiple: якщо присутній, дозволяє користувачу обирати кілька варіантів;
• disabled: якщо присутній, вимикає елемент select.

Щоб розділити список на окремі, не пов'язані між собою групи, можна використовувати тег <optgroup>. Атрибут label використовується для призначення назви групі.

Примітка

За замовчуванням у списку вибрано перший елемент <option>. Якщо потрібно змінити це, можна додати атрибут selected до будь-якого елемента <option>.