#15 - Селектори вибору інформації
Відеоурок
Для створення поля з випадаючою інформацією використовуються селектори вибору. Вони дозволяють вибрати один конкретний варіант або вибрати відразу кілька різних варіантів. Для створення самого селектора використовується тег select, а для створення елементів вибору використовуються теги option.
Приклад реалізації тегу:
<select>
<option>Варіант #1</option>
<option>Варіант #2</option>
</select>Для створення множинного вибору необхідно вказувати атрибут multiple до тега select. В атрибуті не потрібно встановлювати жодного значення.
Вихідний код
Весь код буде доступний після підписки на проект!Онлайн редактор коду
Завдання до уроку
Створіть селектор вибору, що складається із трьох доступних варіантів.
Другий варіант має бути обраний за замовчуванням.
Рішення завдання:
<select>
<option>Варіант #1</option>
<option selected>Варіант #2</option>
<option>Варіант #3</option>
</select>Отримати інші домашні завдання можна після підписки на проект
Велике завдання за курсом
Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця
Також варто подивитися
