Login & Registration Form Using HTML & CSS & JS

#javascript #loginform #registrationform

Login & Registration Form Using HTML & CSS & JS

In today's episode, we're going to make an awesome login and registration form with sliding animation just by using HTML and CSS and little bit of JavaScript.

👉 Source Code Available Here:

Chapters:
00:00 intro
01:15 HTML
05:17 CSS
28:22 JavaScript

👀 LIVE DEMO 👀

📚Resources

🏆Recommended Videos🏆
🎬Neumorphism Login Form | HTML & CSS
🎬Animated Sidebar Menu with HTML & CSS
🎬Amazing Social Media Buttons Hover Effects | HTML & CSS
🎬Animated Login Form | HTML, CSS & JavaScript
🎬Slider Sign In / Sign Up Form | HTML CSS Vanilla JS

🛴 Follow me on:

[DevMadeEasy]

👋 If you found this video helpful, please give it a 👍 and consider subscribing! Your support means the world.
👉 Source Code Available Here:

[DevMadeEasy]

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! 🙏
I would also like to know what you would like to see here in the next video, let me know in the comments below!

[ryanthebear]

I have just spent about 5 hours solving the last segment of code for Sign-In not working towards the end of the video, essentially you will need to use Javascript to adjust the zIndex levels after clicking the button and then adjust visibility values by using DOM manipulation and use the setTimeout() function to make it look smooth. OVERALL though I appreciate this video tutorial so much, definitely challenged me to think about how it all functions!

[feeneuj]

I checked everything is good to download.

[sanulingwal]

Plzz help i am facing a problem sign up is in the center of page when clicking the sign up button 🙏🙏

[micha]

28:23 the best transition in whole tutorial, I felt like starting battlefield final mission

[sarabhian]

this channel is a gemstone for beginner web dev🙌

[akashkumarbiswal]

Thank You. By watching your videos I has successfully learned how to create login and signup pages. I will very helpful for creating my project. Once again thank you so much

[basirpubg]

was very understandable for . You were so detailed and it made all these new tNice tutorialngs way less intimidating

[kiambojyms]

Thanks.. that's a good one. I have learnt a lot from this..

[aniketraul]

while giving validation after clicking submit button on sign up page the message comes on login page i want message on sign up page only what sholud i do?

[luckyjaisar]

such a big fan after whatch this project wow fantastic work awesome keep it up dude.

[criscrossmedia]

Love your work. Still finding it difficult to sign in. Animation is half way

[ishikahow]

Due to panel-containers styling, hover and input field isn't working on forms. What do I do?

[sbmtupi]

Thank you so much for such a wonderful video, it made me start liking web development. although i just have one issue, why only the fields of the sign up form is fill-able but not of sign-in form and other features like hover is not working

[BharathKumar-vhji]

I have done all and it works properly, expect when I click on sign in button it won't go back to the sign up page, please tell me a solution sir.

[abdellahreguiegbelarbi]

sign-in not working but if you change ( width:100% and height:100%) in .panel-container to for exemple (width:60%...) it will works :) <3 the tuto

[tarikullah]

brother my javascript doesn't work . i can't click on sign up button . why this is happened can you tell me please .i designed the whole part but i face problem in animation couse i can't click on the sing up button.

[yabae]

Hi, how do i make it not the login display that appears first, but the registration form display

[ZakirHossainZacque]

I am not able to implement the transition towards the end...the signup button on click does not launch the transition..please help