HTML5 для начинающих / Урок #15 - Селекторы выбора

Подписаться 306 тыс.

Просмотров 76 тыс.

50% 1

HTML позволяет создать специальную форму для выбора одного или нескольких вариантов. Такой формой является селектор выбора. За урок мы научимся работать с тегом «select», а также с тегом «option».
✅ Полезные ссылки:
✏️ Урок на сайте itProger: itproger.com/course/html/15
⏰ Тайм коды:
00:00 - Начало
00:15 - Создание выпадающего списка
01:34 - Добавление атрибутов
03:13 - Множественный выбор
04:55 - Завершение
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

Опубликовано:

22 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@ksenrix 9 месяцев назад

Спасибо за уроки )

@cheloveci3064 3 года назад

Огромное спасибо, я не понимал, зачем disabled, ведь можно же удалить, но забил на это) Шяс понял примерно) Например, вместо "....." можно указать, "Выберите какая марка вам нравится" и.т.д крч сяб)

@user-ye4tv8us4m 3 месяца назад

Красавчик. Продолжай в таком духе

@davron_xolboyev 3 года назад

спасибо за урок

@user-se3rp1wt8u 2 месяца назад

Спасибо вам большое за урок!!!

@FelixX138 Год назад

спасибо за уроки =)

@Azinov62 6 месяцев назад

Крутые уроки правда

@livius0653 3 года назад

Thanks for lesson

@jopkanegra3020 3 года назад

О, вы из англии?

@livius0653 3 года назад

@@jopkanegra3020 Yes

@hakimjonghaniev5536 2 года назад

Спасибо

@zxs_DEADinside 7 месяцев назад

ты топ😎

@_furryich 3 года назад

Чем дальше курс тем меньше лайков. Но почему?

@D3agle_LTD 3 года назад

Чем дальше тем сложнее. Не всех хватает. Обычно хотят сразу верстать и зарабатывать.

@cocvom 3 года назад

@@D3agle_LTD нет не сложнее просто некоторым лень досматривать до конца и бросают.

@darvez4432 2 года назад

@@D3agle_LTD Не вижу здесь ничего сложного

@user-te4zh2dz9r Год назад

Уходят работать в проститутки

@yanas2226 Год назад

Так это ведь круто, меньше конкурентов

@user-zx5ym1td6e 7 месяцев назад

спасибо большое учусь html чтобы не быть бестолковым :)

@user-wk1kw7oi8r Год назад

подскажите пожалуйста можно ли к Select добавлять Required

@user-ms8wz6bc5e 3 дня назад

Подскажите пожалуйста, какой атрибут (наподобие атрибута selected для ) использовать для тега (или "checkbox"), чтобы, как в уроке один из двух предложенных вариантов, был изначально выбран, после загрузки страницы .Спасибо

@user-so4lz3si3r 2 года назад

Сразу видно что автор видео любит немецкие машины, даже знает как правильно читается BMW. Спасибо за видео

@mkhabar4246 11 месяцев назад

Ответ ChatGPT: Нет, нельзя добавить атрибут "required" к элементу в HTML. Атрибут "required" применим только к элементам ввода (input), таким как текстовые поля (input type="text"), флажки (input type="checkbox"), радиокнопки (input type="radio") и т. д. Однако, вы можете добавить валидацию на стороне клиента или на стороне сервера, чтобы убедиться, что выбор был сделан в элементе . На стороне клиента это можно выполнить с помощью JavaScript, а на стороне сервера - с использованием языка программирования, подобного PHP или Python.

@leonblackwhite3926 21 день назад

У меня ещё с селектором скролл-бар появляется, поэтому с size можно увидеть и другие варианты при прокрутке.

@Pavel_Derevyanko 3 года назад

👍

@volodymyryermakov8260 3 года назад

Интересно, а можно сделать так, чтобы каждый из вариантов выпадающих значений был ссылкой на какой-нибудь якорь например? Спс

@itproger 3 года назад

За счёт лишь html такого не сделать

@Chepusya Год назад

А можно сделать, чтобы при выборе нескольких вариантов не нужно было нажимать на Ctr или Shift? Просто на что тыткнул, то и остается в выборе.

@SRN_studio Год назад

Хочешь интересный факт это будет жутко не удобно

@xeither289 2 года назад

БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ!

@qwertyssl 2 года назад

додек

@user-sk1qp8lk9v 3 года назад

А можно вставить селектор через , чтобы потом сделать поле required? Или как сделать его таковым через ?

@andriy__9030 3 года назад

У меня такое ощущение, что тут не принято отвечать на коментарии, тоже сталкивался с проблемой(другой), спросил в коментах, вот уже неделю все молчат)

@andriy__9030 3 года назад

А если отвечать по теме вопроса - скорее всего твою идею можно реальзовать через php, js, python или соответственно на функцьіональном язьіке

@D3agle_LTD 3 года назад

@@andriy__9030 В интернете загугли в чем проблема то ?:)

@user-fs9th3sr9g 3 года назад

Гоша а как можно настроить прозрачность фотографии

@itproger 3 года назад

Добавьте img тег и далее к нему CSS свойство opacity

@user-fs9th3sr9g 3 года назад

Большое спасибо прохожу практику по созданию фермерского сайта

@user-qw8qs4kr6c Год назад

@@user-fs9th3sr9g ты че ле хакер

@xeither289 2 года назад

☦❤💕🙏

@user-df6sh2dt9n 3 месяца назад

Bmw😉

@karaedd 3 года назад

"Би-Эм-Ви"

@user-jt2bn6bs9d Год назад

Би-Эм-Дабл-ю))) 4:41

@user-dn4hw4pl8x 10 месяцев назад

@@user-jt2bn6bs9d это правильно произношение. Беэмве - неправильно

@mewtwo8878 3 года назад

я от OneByteSite

@perstj5746 2 года назад

А как ты сохраняешь На что нужно нажать

@user-jt2bn6bs9d Год назад

Ctrl+ S

@perstj5746 Год назад

@@user-jt2bn6bs9d спасибо за ответ

@vi2417 3 года назад

У меня, при применении к select свойства multiple список перестает быть выпадающим и просто отображаются сразу все варианты. И выбрать много их нельзя. Я неправильно пишу код, подскажите? ааа ббб ввв ггг

@shalnyayakonoha 3 года назад

У меня тоже такая проблема. Не могу никак ее решить

@tanyummy_foodblog 2 года назад

у автора точно так же список перестает быть выпадающим. На видео видно, что при обновление страницы с новым кодом сразу показывает все варианты. А для того что бы выбрать несколько вариантов зажмите дополнительно ctrl или shift

@Mulinby 9 месяцев назад

БиЭмДаблью? Почему ты БМВ так называешь?

@IHORhoncharenko 3 года назад

а как указать связь из списков. К примеру у меня таблица из3-х ячеек. В каждой из ячеек есть выпадающее меню со значениями. Как сделать что бы при выборе определенного значения из списка в первой ячейке , при выборе значения из списка второй ячейки присваивались только те значения которые привязаны к выбранному значению из списка в первой ячейке ? что бы легче понять было, есть значение сони у которого есть только вариация из цветов желтый и синий, а у самсунг желтый, синий и красный. Как при выборе сони, во второй ячейке были доступны только цвета желтый и синий ?