Login Form Validation | HTML CSS & Javascript

Рет қаралды 20,500

Күн бұрын

Create a Login Form Validation | HTML CSS & Javascript, Step-by-Step in a Very Easy to Follow Along Tutorial!
SUBSCRIBE & HIT THE 🛎️ bit.ly/3oBQbc0
______________________________________________________________
👉 Source Code Available Here:
🌱devmadeeasy.gumroad.com/l/log...
______________________________________________________________
💜Support our channel from as little as $1-3 by becoming a Patreon because by doing that, you will help our Channel and also you will have access to 🖥️ Source Code of our videos!
➤ bit.ly/3sthx5B
______________________________________________________________
⏱️Chapters:
00:00 Intro
00:54 Create Markup Boilerplate
02:27 HTML - Creating the User Inputs (User and Password)
04:36 HTML - Creating the Button
05:23 CSS - Importing fonts & doing a CSS Reset
06:02 CSS - Styling the Form
07:41 CSS - Styling main container (Layout and position)
11:47 CSS - H1 making and bigger and positioning it!
14:28 CSS - Applying style to the INPUTS
16:35 CSS - Making the Button a button
18:36 JavaScript - Creating the Function Validate
20:41 Final Results
______________________________________________________________
📚Resources
Markup | Pic used in this Project: bit.ly/3cp2S5W
______________________________________________________________
🏆Recommended Videos🏆
🎬Login & Registration Form Using HTML & CSS & JS
➤ • Login & Registration F...
🎬How To Create Website With Auto Typing Text Effect Using HTML CSS JavaScript🙌
➤ • 🎬How To Create Website...
🎬Top 10 CSS & JavaScript Projects🙌
➤ • 🎬Top 10 CSS & JavaScri...
🎬Neumorphism Login Form | HTML & CSS
➤ • 🎬Neumorphism Login For...
🎬Build a Step Progress Bar | JavaScript✨
➤ • Build a Step Progress ...
______________________________________________________________
🛴 Follow me on:
👉Facebook: bit.ly/3cp2S5W
______________________________________________________________
🎵Background Music for Videos: www.soundotcom.com | bensound.com
______________________________________________________________
🕴️ Business Inquiries
business.webdev@protonmail.com

Пікірлер: 22

@DevMadeEasy 2 жыл бұрын

If you find this video helpful, give it a like as this would help it reach even more people! Also, subscribe if you haven't ! Thank you! 🙏 👉 Source Code Available Here: 🌱devmadeeasy.gumroad.com/l/loginformvalidation

@guilhermebortoluci2495 2 жыл бұрын

Great content!! Keep up the videos and thanks for spreading the knowledge.

@DevMadeEasy 2 жыл бұрын

Thanks, will do! Welcome to our Tribe... Happy Coding Guilher!

@katoytv3698 2 жыл бұрын

if i may ask what should i install in my visual code in order for me to create a login form validation

@AguimarAlvesSP 2 жыл бұрын

Top. 👏👏👏👏

@DevMadeEasy 2 жыл бұрын

Hey DEV Aguimar, I'm glad you liked it. Happy Coding!

@hyp3r274 Жыл бұрын

where did that .box class come from ?

@DevMadeEasy Жыл бұрын

Hello Web Warrior! The .box class is a custom class created to style the login form container. It is applied to the element that wraps the form and contains various CSS properties that give the container a specific look and feel.

@neivinha34 2 жыл бұрын

why doesn't the red border rotate where this box comes from?

@DevMadeEasy 2 жыл бұрын

Hello DEV, how are you doing? I'm not sure about the red border, a created a few borders during the video to show you guys all the boxes (css is all about boxes). This is our form and its classe is "box" as you can see above! Happy Coding