Form Validation Easy Using HTML And CSS Only

preview_player
Показать описание
In this video, with the topic Form Validation Easy Using HTML And CSS Only, I will show everyone how to validate forms extremely easily without using javascript, extremely effective and concise, and then apply it to other forms for work.

-----
Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.
#javascript #code #css
-----
Featured video series

Contact With me:

Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.

Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
Рекомендации по теме
Комментарии
Автор

Form validation is eazy with HTML and CSS. Don't forget to like and subscribe to the channel to continuously update interesting videos about programming and web design 😍

lundeveloper
Автор

With just over 10 lines of CSS, we can validate the form easily and beautifully

lundeveloper
Автор

Topic for next video: What neither Grid nor Flex CSS can do? Subscribe to be the first to see it 😍 ✅✅

lundeveloper
Автор

Amazing video!!

My answer: If you put :not(placeholder-shown) then the button would be disabled only when the user enters invalid data in the inputs. Without it, you can disable the button from the start if any of the input fields are invalid.

gmarsenopoulos
Автор

I never thought of using css for form validation in my dreams
😅 Thanks for this video ❤

LEGENDsgameplays-
Автор

i love how you make html and css look so awesome

egadirgaa
Автор

i love this sound effects throught your videos

mateod
Автор

Because we want button should be disabled by default. When user enters correct data then it should be enabled. BTW I love your content... The way you showed the power of html and css... 🔥

utsavjaiswal
Автор

Great video.👍Consider using the pseudo classes :user-valid and :user-invalid, that will make the placeholder trick obsolete.🙂

MarkupMaverick
Автор

You are Great Bro Thanks for this Type Of Content Please Continue making this type of video

muhammadadnanrazaqadri
Автор

BRO😱😱😱I marvellled once I came accross your channel you are a genius thank GOD for you

glennwarindu
Автор

I love how you admire simplicity. For me, that makes you a top tier channel

freakfreak
Автор

From the way you present your videos it's like you will be good movie script writer or game developer, you damn good ❤

philathea
Автор

this is very handy! i didn't know 'required' existed in html! really good and straightforward as always.

redswordz
Автор

Great video, thank you. Simple and does just what I need.

drumlinbeatpaul
Автор

Your designs are beautiful please make a video for that tooo, how do you choose the design plzz a make a video on design course🙏🙏

besuccessfull
Автор

Love that trick with the placeholder shown ! didnt know this is possible :D

I guess we dont want that on the submit button since the submit button should also be shown as disabled no matter if the placeholder is shown or not. We only want to loose the disabled look once all inputs are valid

DavideMaiolo
Автор

Nice video

Small hint, with the pattern and title Attributes, any regular expression can be used to validate input. 😊

peterbaerts
Автор

I have been watching your videos since you started the channel. Your channel is a real gem. I kindly request that you make a complete multifunctional website using only HTML and CSS.

amitmallick
Автор

Man, another great video with awesome, easy and entertaining valuable content. Thanks for your good work again. Have a nice day, Hoangho!

PicSta