You need to add this floating label to your website ASAP

Improve the look and feel of your forms with this awesome floating label technique using only a bit of CSS!
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
/ @johnkomarnicki
-----------------------------------------------------------------------------------------------------
Patreon: / johnkomarnicki
Website: johnkomarnicki...
Twitter: / john_komarnicki
LinkedIn: / john-komarnicki
-------------------------------------------------------------------------------------------------------
#html #css

[@UsmanSaid334]

Really awesome tutorial! It was especially helpful for me because I have a project where the label moves up. However, I was having trouble with the label interfering with the content when clicking on another input. This video resolved that issue.

[@Jorgeee]

Thanks

[@JohnKomarnicki]

🙌

[@Atractiondj]

this work if in DOM, input first, label second, if inverse, nothing worked! Only with :has pseudo-class we can make float label with CSS only, but Mozilla is dinosaur as Safari

[@rejowanahmed6819]

Just Started to watch all of your videos. Already loving it. Thank you John for your contributions

[@JohnKomarnicki]

Appreciate that Rejowan!

[@thaissacarvalho3485]

Thank you! I understand so much things here. +1 subscribe.

[@Jorgeee]

Crazy i've actually been thinking of doing something like this and you just made a video about it lol

[@JohnKomarnicki]

That’s awesome! Glad it came at the right time!

[@ucthanhvu6789]

I really appreciate your videos,
I am in great need of this floating label. When it enters a value and loses focus, it still keeps the label above the entered value.

[@denisbopp]

how to work with more than one input fields?

[@psyferinc.3573]

i wish you had this vid in tailwindcss.

[@gdogmalone]

So cool, thanks. Will definitely be using this (although with do so in tailwind).

[@JohnKomarnicki]

Definitely could use tailwind to create this!