HTML5

Изучение HTML5 от нуля до гуру!

21 урок 65 заданий Справочник Компилятор
Школа программирования / Видеокурсы / Изучение HTML5 от нуля до гуру! / #16 - Селекторы выбора информации

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

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


HTML5

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

Видео урок:

Для создания поля с выбором различной информации в HTML используются селекторы выбора. Они позволяют выбрать один конкретный вариант или же выбрать сразу несколько различных вариантов. Для создания самого селектора используется тег 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 месяца!


HTML5

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