[Продвинутая верстка] Урок 20. Разметка и стилизация формы на сайте (input, checkbox, radio, label)

Разберемся с формами, узнаем какие инпуты бывают внутри формы и познакомимся с их атрибутами, разберемся как происходит отправка формы. Научимся кастомизировать чекбоксы и ренж-инпуты.

🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=link_7P0svXUmMT

💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat

❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS: https://www.youtube.com/playlist?list=PLlGg_lawgIyUQuSWfOP2Czhk6hle3Rrm6
2️⃣ Уроки по продвинутой вёрстке: https://www.youtube.com/playlist?list=PLlGg_lawgIyWK9bnQRw2JJ6FU5gOR7edZ

💙 Мы в VK:
https://vk.com/webproschool

Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.

Таймкоды:
00:00 О чём это видео
00:13 Что такое форма ?
00:32 Теги form, fieldset, legend, label
02:23 Каких типов бывают поля ввода
05:15 Атрибуты step, required, disabled
06:44 Виды кнопок в форме
08:31 Тег textarea
09:18 Тег select
09:41 Чекбоксы и радиокнопки
10:28 Как происходит отправка формы
11:33 Стилизация форм и нюансы
13:41 Стили в зависимости от валидации
14:08 Стилизация чекбоксов и радиокнопок
16:18 Стилизация range-input
16:59 Что будет дальше

Видео [Продвинутая верстка] Урок 20. Разметка и стилизация формы на сайте (input, checkbox, radio, label) канала {WEB PRO} - Школа веб-разработки, создание сайтов