How To Create Login & Registration Form Using HTML CSS And JavaScript

No video

How To Create Login & Registration Form Using HTML CSS And JavaScript

Рет қаралды 472,454

Күн бұрын

Learn How To Create Login & Registration Form Using HTML CSS And JavaScript Step by Step tutorial
❤️ SUBSCRIBE: ‪@GreatStackDev‬
In this video we will learn to create a sign up and sign in form using HTML CSS and JavaScript when we will click on sign in button this form will convert into sign in form and when we will click on signup button it will convert into signup form with beautiful transition effect.
To build you Login and Registration form keep watching this video till the end
Download the image: drive.google.c...
Login Form, Sign Up Form, Sing In Form, Registration Form, Web Development, HTML and CSS, Login and Registration for website
#website #WebDevelopment
-----------------------------------------
Suggested Course:
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialsp...
-------------------------------------
Recommended Videos:
Complete HTML and CSS from basics:
► • HTML And CSS Tutorial ...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
Affordable web hosting (coupon- EASYTUTORIALS)
👉 easytutorialsp...
My recommended tools and tutorials
👉 easytutorialsp...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ KZfaq: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr
◼️ Instagram: / iamavinashkr

Пікірлер: 231

@allanmwanzia4247 Жыл бұрын

Good stuff. Please do one to connect the form to a database

@alex-ju2bd 5 ай бұрын

what database were you using?

@suvendu2144 3 ай бұрын

MongoDB.. with node js

@tyr.leishman Жыл бұрын

What an amazing video honestly I can’t thank you enough for this tutorial very easy to follow and complete p.s I’m not a robot for anyone wondering in the comments if this video works it does

@richardgideon4959 Жыл бұрын

Nice video bro For beginners you're a great guy keep it up

@georgeamoakomathematicsonline Жыл бұрын

I'm the first view Congrats 🎉 for your hard work 👍

@sezarefretamiguel3249 Жыл бұрын

@EasyTutorials, how will I keep the data, or what can we do to keep the Database? Thank you for your Positive Response!💖

@atanukundu_10 5 ай бұрын

for storing data you have to connect a database

@typhon_5479 Жыл бұрын

I was really looking forward for this... Thank you so much!

@vaidehikulkarni5471 Жыл бұрын

Thank you sir for this video.. As it was very helpful for our diploma final year project

@GreatStackDev Жыл бұрын

You are most welcome

@xamdishaafici-ge7rv 3 ай бұрын

you are best teacher for me. thanks so much

@daytradedomilaomilhao 10 ай бұрын

Thank you so much @GreatStackDev! That class helped me so much!

@cheedovision39 Жыл бұрын

Awesome tutorial, I like that he speaks fast!

@GreatStackDev Жыл бұрын

Glad you like my tutorial

@gekcko123 Жыл бұрын

MarveIeous! I was really expecting like this tutorial.

@6a24aayushsingh3 6 ай бұрын

Thank you so so so much sir, very grateful for this video, soo helpful, thanks a lot!!!!

@rahulsakaria2061 Жыл бұрын

Learned nice video for creating Signup form

@GreatStackDev Жыл бұрын

Thanks rahul, Glad you liked this tutorial. I have this Login and Registration form tutorial in React js too: kzfaq.info/get/bejne/breXhK6DyKe5poE.html

@ANIKETShAw-vu3dd 5 ай бұрын

@@GreatStackDev sir I want to connect my sign up and registration form with database. Can you please make a video on it. My exams are coming and I have to make a project so sir plz help.

@aminansarimehr9464 Жыл бұрын

It's very good and useful for me Thank you very much 🌹

@Nelly-Makena 4 ай бұрын

Great work 🎉🎉🎉❤

@rahuladaki3627 Жыл бұрын

Very good, appreciable 👏👏👏 Nice video....!!!!

@GreatStackDev Жыл бұрын

Thank you Rahul

@statuscreator5911 2 ай бұрын

Script not working problem yrr

@JoYBoY_07360 4 ай бұрын

It is helpful thank you very much ❤

@adazr5190 Жыл бұрын

Amzing video 🎉

@AMIteam92k 10 ай бұрын

Nice tut. ❤ & Thanks for sharing...

@desire2170 7 ай бұрын

it helped me a lot...thanks for the video

@justinekenyansa Жыл бұрын

perfect! I found this tutorial very useful

@thanushareddy9131 5 ай бұрын

Thank you...this vedio helped me a lot 😊😊

@GreatStackDev 5 ай бұрын

Glad to hear that

@harshgoyal4050 6 ай бұрын

Thank you sir!

@mdms4549 Жыл бұрын

Thanks for the great video ✌✌

@dantelonnqvist1505 Жыл бұрын

Awsome

@kiranNasim Жыл бұрын

Owsum I make it it looks perfect ♥️

@FaithMaina-uy1xo 8 ай бұрын

wow,nice video!! is there any video on how to link th same form with mysql using php?

@luisotieno6438 Жыл бұрын

YOU ARE THE BEST

@abdulbasith1536 Жыл бұрын

its really awesome. thank you dude❤❤

@GreatStackDev Жыл бұрын

Thanks Bro, glad you liked this tutorial to make login & registration form design

@user-bu5zk2xs2x Жыл бұрын

super explanation and useful video

@hosseinazizi6420 6 ай бұрын

Amazing 😍

@OsmImmu 6 ай бұрын

Thank you when I see your video make it , it is easy But, make it lonely i cant I want learn more

@jellybean6902 4 ай бұрын

Solid guide

@DenisGloba Жыл бұрын

good luck

@musabbirhossain4293 Жыл бұрын

If anyone is having any error of the font awesome then it is the answer Sign Up

@kasimahmed6501 Жыл бұрын

not working for icon your code also

@ragul1978 Жыл бұрын

i think you forget to add submit button lol btw good wrk :)

@DivineJames-zy1sp 8 ай бұрын

Good

@danielakoyleek3757 Жыл бұрын

Smart work. Thanks alot

@shadox9259 7 ай бұрын

Thank you so much for this project.

@mrlonelytvoffornna_fine7913 Жыл бұрын

Good job

@GreatStackDev Жыл бұрын

glad you liked this login & registration form design tutorial

@aaomotivation05 8 ай бұрын

Very helpful

@2010illmatic66300 Жыл бұрын

I enjoyed this tutorial, and appreciate it. What happens to the user information? Where is it stored and how can I access it?

@hanza69 Жыл бұрын

That’s where MySQL and PHP comes in

@JK-js8gm Жыл бұрын

@@hanza69 how do I do that?

@mirianrevishvili6040 Жыл бұрын

great job ! 👍👍

@pillosworld Жыл бұрын

Help full

@gamingbar54 Жыл бұрын

It is Best....

@LAPLAB794 Жыл бұрын

Sir, Is evry laptop length,Width are different ? when I try to code using ur video for demo output. it's show me wrong after refreshed.

@kuldeepsolanke6815 Жыл бұрын

Thanks bro i appreciate your skills.

@fasterfalcon9608 Жыл бұрын

but how can we separate while storing database of sign in and sign up bcz u r using same input field for both

@araclaires 11 ай бұрын

thank you sir💐💐💐

@Evg2002 6 күн бұрын

спасибо брат

@srikanthtech303 4 ай бұрын

Its overall good but when we signup we don't want text lost password its visible on both signup and signin only its visible on signin .......

@preciousnation61 Жыл бұрын

Hello Easy tutorial, please I need a video tutorial on Laravel Projects 🙏🙏

@FuzailKhan Жыл бұрын

Thank you for the tutorial I have created step by step but have a mistake that when I click sign in button the color doesn't change and the sign in page isn't open as well as sign up page also doesn't open, and the both of button are below the white background. Please help me

@yukihiradan1573 Жыл бұрын

same problem. the buttons doesn't functioning

@rb8319 4 ай бұрын

@@yukihiradan1573 same problem. And in my case the buttons shape is also circular whereas in tutorial it is rectangular + oval. I don't know how to solve this !

@barenyabinayak3255 11 ай бұрын

Thanks 👍

@khushbusahani579 Жыл бұрын

Thankyou so much 💖

@Balenciaga_police Жыл бұрын

Thank you very much!

@e123-o3y 9 ай бұрын

Thanks G

@stratos8 23 күн бұрын

I love Indians

@sahiraahamed Жыл бұрын

Thank u sir👏

@sanketadhikari8025 9 ай бұрын

transition is not working

@vineshrajoojames8310 5 ай бұрын

can anyone help me i cant change the mode into signin and signup mode

@khalidharuna Жыл бұрын

Good day sir, I followed everything step by step and it was working smoothly, but sir, both the "sign in" and "sign up" buttons are not clickable, pls help out what must be problem. Thanks

@GreatStackDev Жыл бұрын

you can share me your code on email, will check. Email [avinashdm@outlook.com]

@bhumikagupta437 Жыл бұрын

@@GreatStackDev sir my problem is also same and the btn is not coming with color may I can also share the to you

@LearningZoneLanguages Жыл бұрын

Nice form👏🏽It seems difficult to edit 😞

@GANGSTER_SERIES Жыл бұрын

❤

@jabul.a10 Жыл бұрын

Hey! Can You Make A Full Video On How To Make A Music Website With Clickable Links And Sign Up btw a little advice. next time blur out the ip of the website. Cause it urs ip

@pushprajjj Жыл бұрын

Thats a local ip, which is assigned by his router . Not public ip. When you will open that file in vs code liver server, you will also get same ip.

@MelkoR4111 Жыл бұрын

great, however, the icons from font awesome do not loading, they appear as crossed boxes. i have a kit and account and also chose free icons. but they appear like empty crossed boxes.

@TharunisAI Жыл бұрын

Yes

@hadizafrench 4 ай бұрын

You need to copy the unique link in your font awesome account and paste it in head tag of your html file, just before you close the head tag.

@obettaaugustine3383 Жыл бұрын

Nice tutorial! Thank you But I have a question, I'm a beginner, please why did you make the inputfield.style.maxheight= '0' and the first field disappeared???

@sikhanyisomtengwana1100 Жыл бұрын

Hey, I'm also a beginner. I think to hide the inputfield when login is clicked (to have only the email and password inputfields). I also did not understand this and I have surnameField below nameField so I needed the surnameField to disappear also, so I repeated what was done to nameField and my problem was solved.

@jowelahmed628 Жыл бұрын

How to remove forgot password part in signin option?

@beniaminhozan3117 Жыл бұрын

because that meant to set the height of that element to ZERO pixels, this means to have ZERO height = no visual existence / no upwards length ... that's why it disappeared.. and i know it looks like it's going above and hides, but in fact it folds to ZERO pixels / it folds until non existence :D ... i hope it makes more sense now :P

@obettaaugustine3383 Жыл бұрын

@@beniaminhozan3117 oh, I get it now thanks

@suhaira46 Жыл бұрын

Amazing 🤩. But I have an issue that my onclick function is not working

@Troyzhen Жыл бұрын

Just make sure you don’t have any typos. Check your id tags make sure the strings are typed the same as in JavaScript and vice versa.

@yoshimitsu8643 Жыл бұрын

Can anyone tell me how to add the icons from Font Awesome. I copied the link from “font awsome bootstrap cdn” to my html and copied the icons from “font awesome 4 icons” But the icon comes like a box

@Troyzhen Жыл бұрын

You have to put your personal fontawesome script in your html head.

@shubbhamarya Ай бұрын

there is something off about this code , its not giving the same result as shown in the video even when i wrote the exact same code in my editor .

@shivamsahu3457 9 ай бұрын

How to connect this form with backend so that we use this form for store and retrieve any data and open a login field

@jean-pierrehitayezu5688 5 ай бұрын

why after changing to sin up form the words after form don't change. because it still write like lost password even though you are signing up at the first time you don't have password.

@PRAVINYAV-js2by Жыл бұрын

After I put my info if I click the sign-in or signup button means how to move another page like demo page . How to write the code?

@Demon_T8_ 3 ай бұрын

can i actually log in with the registerd id and password only?

@kwstantinospavlidis6299 6 ай бұрын

For some reason the sign up buttons appear at the bottom of my screen and not inside the white block

@ANIKETShAw-vu3dd 5 ай бұрын

sir I want to connect my sign up and registration form with database. Can you please make a video on it. My exams are coming and I have to make a project so sir plz help.

@epicgamersshorts Жыл бұрын

Just complete last video now you give another gift💫🥳🥳🥳

@khalidharuna Жыл бұрын

Pls which country are you from

@chadniakter7238 Жыл бұрын

@EasyTutorials, what can we do to keep the Database?

@panashemureyi2584 Жыл бұрын

I'm having trouble getting the footer to stick to the bottom. Its interfering with the other contents of the site

@MateuszPruchnik Жыл бұрын

HOW TO CREATE THE LOGIN AND REGISTRATION FORM FOR THE WEBSITE.WHEN YOU CLICK ON THE LOGIN ON THE NAVIGATION BAR LOGIN FORM APPEARS WHEN YOU CLICK OUT SIDE THE LOGIN FORM IT GETS DISAPPEARS.

@user-vt8or5rq7w 9 ай бұрын

Please after filling the form, how can the owner of the page retrieve this information that was fill by users

@viewy3655 Жыл бұрын

How do you put a URL for your website? So that when you look it up with another device it brings u to the website i just made

@grammasala8763 2 ай бұрын

Sir how can I hide multiple input fields together and unhide

@arjitjain9936 Жыл бұрын

sir please isko backend se bhi connect krna seekha dijiye

@developerjavalinux Жыл бұрын

👀👍💯

@thegodlykali6373 11 ай бұрын

Make a tutorial how to make the button functional

@vasuaggarwal6856 Жыл бұрын

I am facing an error with the event handling of the buttons. When I click the "Sign Up" button, the input field with the ID "nameField" expands as expected, but the "Sign Up" button does not get disabled as intended. Also, when I click the "Sign In" button, the input field collapses as expected, but the "Sign Up" button does not get enabled again. What should I do??? I've write the same Js code as shown in the video.

@joyuwhokori6616 Жыл бұрын

am having same issues, have u gotten solution.

@venkateshyadav8123 11 ай бұрын

Javascript not working

@__-ho7rw 10 ай бұрын

Same javascript is not working

@DreamDesignBusiness 9 ай бұрын

same dude

@user-vt8or5rq7w 9 ай бұрын

How can you retrieve the information filled by the users?

@user-lt1vd5qq9n Жыл бұрын

Pls what's the name of the website you collected those icons and kits

@MudashirSakariyah-lt5bm 9 ай бұрын

My background image only work when I put it inside * not in container

@rbasantkumarpradhan3568 Жыл бұрын

Sir in this login page you didn't using JavaScript So that type video please make

@MAGAVISHNUT 11 ай бұрын

Bro i do the same code for Button when try to click signinbtn id.. My transition to sign is not loading bro... And also when try to give these html and css files to another file which contains login now button... When click this button it will take to this form page... This my scenario.. But when I'm trying click sign in button it won't work.. Can you fix this

@BenuchiBlastKKK5977 Жыл бұрын

Can i add a little changed version to my repositorium?

@keerthanaravi1286 Ай бұрын

But u don't need lost password for sign up page right

@ankushbhagatofficial 5 ай бұрын

Form without submit button?

@Rocksharwan07 Жыл бұрын

bro code ki ek doc bana kar description mein de diya karo bhai

@Coder_of_Bihar_0005 6 ай бұрын

sir, how can add item in home screen pls create video and upload in youtube

@atifshafiq2531 Жыл бұрын

i created step by step but the buttons does not working when we use DOM for add or remove classes just namefield disappears and h1 text change but not change the color or button please fix it

@GreatStackDev Жыл бұрын

can't say where is the mistake without seeing your code, you can write me on email with your code's screenshot and tutorial link. Email [avinashdm@outlook.com]