Стилизация форм на HTML и CSS 

Огромное Вам спасибо из 2022-го! Успехов!

Офигенно! Спасибо! Крутой урок! Впервые попал на Ваш канал, но сразу же лайк и подписка =)

Супер, спасибо огромное, форма получилась классной!)

Неужели есть грамотный верстальщик, который делает по БЭМ и flexbox? Спасибо! Отличный урок!

Очень полезное видео, спасибо!

5:48 - не знаю почему это работает у автора, но у меня без параметра "left: 0;'" тайтлы никак не "наезжали" на инпуты. На случай, если кто столкнулся с такой же проблемой...

Молодец, так держать. Единственный канал, где всё доходчиво разъ ясняется и поясняется

Крутое видео, продолжай в том же духе))

Спасибо за видео!

Спасибо, очень часто пользуюсь, удобно

Спасибо огромное!

Волшебство,не иначе)

большое спасибо 👍 помогло

Крутой ролик, все понятно

Чувак - Огромное Спасибо!!! Я столько нового узнал!!! Поставил - бы 300 лайков если б можно было! Удачи!

Супер!

Получилось!!! ЛАЙК, ПОДПИСКА

Видео топ, ещё бы рефреш страницы был... Лайк

это видео которое мне реально помогло спасибо!! \

супер видос)

спасибо помог а то где не посмотрю везде js

За что поставлю лайк. Что каждый ход объясняется зачем и как. Так в разы проще воспринимается информация. Спасибо автор !

Спасибо!

Красава!))

красиво)

Спасибо

Хороший урок

Спасибо очень интересно ,но есть вопрос почему когда вы писали в .form__label, Апсолютную позицию у меня та натпись (Пароль,емаел) осталась с боку?

Спасибо за туториал. Во внимание других, псевдокласс placeholder-shown не работает на IE 11

Хорош

Ну все же можно сделать CSSами, а то взяли моду - чуть что, сразу JS лепить... А потом удивляются - что браузеры стока ресурсов жрут!

Спасибо за урок, ни разу не юзал селекторы с псевдоклассом not(). Подскажите, как с поддержкой в браузерах, стоит ли начинать применять на реальных и больших проектах?

Спасибо за урок, а куда дальше эти данные поступают? Вдруг логин неправильный

Привет codeBurger. Друг подскажи пожалуйста. Я уже долго не могу решить проблему. В коде примерно всё тоже. Только у меня добавлен pattern="[А-Яа-я]*?\s[А-Яа-я]*?\s[А-Яа-я]*". И когда введено например имя и фамилия без отчества. То label опускается прям на них. Грубо говоря после добавления pattern , label начал опускаться на текст. Как пофиксить данную проблему? Ни где не могу найти решение. ((

А можешь сделать так, чтобы изменения сразу происходили, чтобы наглядно было что на что влияет

зачем делать через Label если можно же сразу прописать placeholder в input

это subline такой ?

объясните эту запись кто может .form__input:focus ~ .form__label. Именно не пойму зачем тильда

Чет не выходит поместить Email и Passw в поле ввода(

Эм я не чего не хочу сказать,но padding не работает у тебя,ты поставил 32 пикселя,но у тебя там явно меньше,это с вязано с тем что нужно знать что padding создает не видимые поля во внутрь элемента,плюс размер самих элементов,это все нужно учитывать)

Как стилизовать пароль чтобы он не был виден???

Как вставить форму в кнопку в html коде? Что бы при нажатии кнопки данные передавались в банк. Форма еть - нао ее в конпку упаковать.

z-index: -1; не работает, текст вообще пропадает

улетают за пределы формы надписи что делать?

.form__label { position: absolute; top: 10px; left: 0; color: #000000; transition: 0.3s; }

Автор ставит курсор в адресную строку и потом обновляет страницу. Странно, времени много? Достаточно нажать F5. Заметил, что многие преподаватели-обучатели этого не знают, удивительно! Кроме того, продолжительное оформление в CSS не очень понятно, т.к. уже не помнишь, какие элементы мы оформляем. Надо возвращаться в окно кода и показывать, о чем идет речь. Да и обновлять окно лучше чаще, чтобы было понятнее, какое свойство изменилось. Урок довольно плохой.

У меня ничего не изминилса

У меня слова слиплись вверху

Музыка лишняя была - всю дорогу мешала. Половина свойств стилей не комментируется - подразумевая, что они уже известны

Неудобно, что обновление браузера вручную, хочется сразу видеть изменения после каждой строчки css. И музыка дурацкая, какая-то наркоманская, действует на мозг.

Спасибо. Очень полезное видео.