#15 – Селекторы выбора информации

#15 – Селекторы выбора информации

HTML позволяет создать специальную форму для выбора одного или нескольких вариантов. Такой формой является селектор выбора. За урок мы научимся работать с тегом «select», а также с тегом «option».

Видеоурок

Для создания поля с выбором различной информации используются селекторы выбора. Они позволяют выбрать один конкретный вариант или же выбрать сразу несколько различных вариантов. Для создания самого селектора используется тег select, а для создания элементов выбора используются теги option


Пример реализации тега:

<select>
	<option>Вариант #1</option>
	<option>Вариант #2</option>
</select>

Для создания множественного выбора необходимо указывать атрибут multiple к тегу select. В атрибут не нужно устанавливать никакого значения.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Простой селектор

Создайте селектор выбора, состоящий из трех доступных вариантов.


Второй вариант должен быть выбран по умолчанию.

Посмотреть ответ

Решение задания:

<select>
	<option>Вариант #1</option>
	<option selected="selected">Вариант #2</option>
	<option>Вариант #3</option>
</select>

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Современная вёрстка адаптивного веб-сайта
Создание адаптивного сайта
4 урока
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Комментарии (1)
Добавить комментарий

HTML 09 марта 2024 в 10:40

Самый крутой учитель
Ответить