How To Make Login & Registration Form Using HTML And CSS Step By Step

Learn How to make login form and registration form design using HTML and CSS step by step with toggle button to switch login and registration form.
► Make login and registration system with PHP and MySQL
• How To Make Login & Re...
Watch above video to make login and registration form with Database connectivity using PHP and MySQL
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
You may like below tutorials:
----------------------------------------------
Make complete website using HTML and CSS
► • How To Make Website Us...
Make E-commerce website in HTML, CSS and Bootstrap
► • How To Make ECommerce ...
Create Travel website design using HTML and CSS
► • How To Make A Website ...
Create personal resume website with HTML, CSS, Bootstrap
► • How To Make A Website ...
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
Image source:
www.pexels.com
-------------------------------------
Download images:
drive.google.com/open?id=1pTo...
-------------------------------------
Like - Follow & Subscribe us:
► KZbin: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr

[@hardikmirg6279]

There is always an Indian Guy on KZbin to help you ,,,, you will always find an Indian person if you search for any tutorial 🔥🔥

[@madogaming1570]

No guys

[@sudhanshuyadav3622]

@@madogaming1570 always There Is One Guy rather almost all are indian only

[@nikeigsupport4374]

I like the accent, "Velkom to my U Tube tannel"... ❤️❤️❤️

[@talkliberia812]

You are absolutely right. They are all into tech.

[@user-vg4yy7hr3v]

ن رب بزكثزغزغظيظ ثق زقزوق

[@sokhaitrey9211]

Always appreciate for your hard work. Thanks from Cambodia.

[@GreatStackDev]

👉 Make Multi Page complete responsive website: kzbin.info/www/bejne/pYq1lZRtitmonqM

[@franceleeparis37]

Brilliantly done... I could never have imagined such a solution... 🙂

[@sohamverma6657]

this is probably the best tutorial for this. easy to understand, and no errors- kudos!

[@darthlinox]

Incrível, muito perfeito. Parabéns!!!!

[@aayushisharma6605]

Brilliant Work Sir.... Very inspired by You.... Your videos are the solution to my Coding problems........ Thank You very much Sir!

[@neelbiswas5992]

Thank you so much sir, I have added this to one of your previous tutorials :)

[@armansharma8214]

Appreciable as always 🤙

[@Shihab_Khan]

This is so clean and awesome tutorial....Thanks 😊

[@balogunoluwatobijohn154]

Awesome tutorial. Very easy to understand!

[@utsavkumar8924]

Excellent video sir . The way of teaching of yours is too good , the explanation was very clear to every point Thank you so much sir..

[@dharaneesha442]

EPIC!!.....No Words To Say..

[@1309CV]

For anyone having trouble with the span not lining up with the checkbox, I found that having a bottom of 64px did the trick. Just play around with that value.

[@varungupta946]

yes

[@maieshafahomidaarika7060]

can explian please

[@tahsan...8279]

can you explain me plz!!!

[@rohaanjilani9625]

i said 640 px instead of 64

[@colors7926]

I dont see give the number of ligne please

[@steliosvogiatzis1047]

Wonderful Thank you very much. I am sure that my professor will like it so much that he will give me 10/10!

[@jedi141]

Thank you sir, more power!

[@Sadamkhan7]

Kindly keep it up gentle man. Please ignore all those who dislikes your tutorials. We will be supporting you♥️♥️♥️♥️.

[@JBWEBDEVELOPER]

Hello sir, am very grateful of your work and it has helped a lot in improving my coding skill and i was requesting you to make us a tutorial on complete website with css, bootstrap, javascript, mysql and php. then another on is "making form, form validation with mysql and php and i want also to get away to talk to you in your inbox

[@nettad1036]

Thank you - it's beautiful :)

[@jooda6192]

Thank you! it was very helpful:)

[@willianbarreiro9925]

Wow, that's amazing I started to study hmtl css today, I'm so excited and I want to be able to create this kind of projects

[@mTrader1]

Nice

[@mohammedaweis3014]

I think today you are awesome

[@bram3978]

After 2 years this still is so great!

[@MaltizEdits]

where i can download the code??

[@bram3978]

@@MaltizEdits You sadly can't you're gonna have to look at the video and type it yourself.

[@sad_otaku]

Thank you very much! you were my salvation! it was worth finishing the class

[@skylartartfall1515]

Thank you, you have help me so much....I appreciate for your hard work.

[@nanditasaha1609]

Thank you so much sir... they way you explain every step so clearly is very helpful for new developers like us... keep creating this kind of videos ❤

[@GreatStackDev]

Thanks to you Nandita

[@hr2307]

@@GreatStackDev heyy as when u clicked on register the pages are shifting right but in my case only loging page is moving not the register whyy?? I already check out the code properly?????

[@ruokfffanclub3905]

bhai source code dedo piz aap ka

[@Codewith_Dipak]

​@@hr2307same Problem

[@phantomking2425]

@Easy Tutorials is there a way I can get the code so I am able to copy and paste it into my coding software?

[@Volkansrt]

I was stuck for a month, thank you for making my work go right♥

[@Ghost_877]

Thank you so much for the video !! Very nice job !! Can you givre us the source code ? 👍👍👍

[@saptarshichatterjee4934]

Hello, I have found this video extremely helpful and many thanks to you for helping us in understanding these things, I have a question, that is, do you have the code for the backend of this login and registration form using PHP and MySQL?

[@user-lu6ry5kl2f]

Щ-

[@Saracartoons78]

I need it also 💯

[@swapnilmundhe6555]

Your tutorial is awesome 👍

[@it154-sonineel9]

Sir, You are really a genius...Thank you very much. Please make such an easy video...

[@xbanme9532]

This is very helpful for my project in school. Can you make other video that connected to this video on how to store data that users inputted?

[@NEERAJSHARMA-wl4tq]

Very humble request to you provide HTML and CSS file also sir

[@mrlessons2656]

@SARA NANDHINI I know how to make them

[@MathsByVinaySir.]

This is very helpful tutorial Thanks sir 🙏

[@user-zi6ci1ly7z]

좋은 강의 올려주셔서 감사합니다

[@tipudas9314]

Thanks Sir, It helped me a lot. Sir, can you please explain the applications of the codes, some codes are hard to understand. It would be great sir, if you explain the usage of the codes while writing the codes.

[@talkliberia812]

Yeah I think so too. It’s more useful when he can tell the function of the css style that he’s applying. Ex. Saying what position:absolute will do.

[@narayanmani3000]

If Oscars were given for a job well done, I’d nominate you! You are the best...

[@techbar000]

this video is very help full thank you

[@artemkeller2571]

Thank you! I made my own register page with like 30 min. amazing!!! But there is 1 step missing - how do you connect this to data base? would be so much fun to learn!

[@doomhand6360]

It's a whole another topic, depending on your back-end setup. This video focuses primarily on front-end, the design and user interaction with the form. Check tutorials for reg/login form for Django for example.

[@shonik3718]

konnyol

[@aamycool261]

hi bro can you help me making same log in page i cannot get it exact for some reason

[@agfr791]

thank you for the tutorial, is very helpful

[@genzy1680]

Encountered some errors but ultimately fixed it myself. Thank you for this.

[@beketamirkhanov1020]

Hi! Could you share the final code?

[@asia22]

I would like to use this for my blog for my friends. Could you tell me where the data goes after they sign in?🔥♥😋

[@GreatStackDev]

Thanks for comment, It's just a front end design tutorials, if you want to make it functional with database then this video will help you: kzbin.info/www/bejne/hImkeZ6nnq6YpsU

[@onewhispergaming6435]

A really easy way to save sign up data is to use a service called Google Firebase. There are lot’s of really easy tutorials to follow to make a sign up and login page with it.

[@asia22]

@@onewhispergaming6435 Awesome, thank you so much♥

[@mr360explain]

@@GreatStackDev bro is this code is having problem in 10 th line please help me... Otherwise all the code is running well... Avoiding this line how can I do that script code at the end

[@mr360explain]

@@GreatStackDev please bro reply

[@redahachi10]

thank you sir i really appreciate that your channel very helpful

[@semhartesfamariam394]

this video is realy help me thank you so much!!!

[@annaprolisok6149]

can you upload your code please. I try to do this one, but it seems that i have some differences with measurments, although i'm following you. Thank you

[@pratitibera8639]

Sir, can you please add the entire source code in the description box please!!!!

[@abarash100]

Wonderful....Such a great way to learn the smart thing....Love from Pakistan...

[@fengineerguy1789]

Oooowesome bro thnks to helpfull coding

[@parthshah7201]

This video is nice ad use full but i want the code to connect this login & registration form to database.

[@dannysoto1756]

did you ever find an easy way to do this?

[@parthshah7201]

@@dannysoto1756 Yes it is more easy way to do and learn coding. If you don't know coding

[@Shadow.Walker]

Depends on what you use for connecting it with database. For PHP it is just as easy as adding name and post or get method to form

[@parthshah7201]

@@Shadow.Walker yes

[@sarmakv]

Hi Your tutorials are very good. I am developing a website on Python-flask (MySQL). However, when I tried to create a few pages with your inputs (especially multi-step form submit), the "container" div is always appearing on the left side of the screen, not in the center. Can you please help with this?

[@domzzolanski6417]

same happens with me

[@domzzolanski6417]

oh I realized what happened is when I set the width of the first div I set 100 without % after it, maybe this is your case also

[@acme6017]

It was very helpful to me , Easy and best (Thank you Easy Tutorials)

[@dwivediarpita4702]

Thank you it helped me..thanks alot

[@Dloc47]

Please add Css and Html file in description box...

[@mrjax2760]

hi bro can u make it a true login resitration like if the name and password wrong it will not sign in it will told u thats incorrect information i hope u understand me , thanks in advance !

[@danielmorenosanchez6776]

it's not difficult, you just will compare the user in the database and the user that are writing on the user field at login view

[@mrjax2760]

Daniel Moreno Sanchez but how bro !

[@GreatStackDev]

Hi MR Jax, Please check the first link in the description, In that video you can learn to make login and registration functionality with Database connectivity. Thanks for comment

[@mrjax2760]

@@GreatStackDev ok sir great

[@ashubadgujar7595]

@@GreatStackDev sir please make a video on hosting website ..... How to make own hosting website

[@kadasrinivas6304]

thank you for your best video bro

[@hakonsings]

Fantastic Tutorial!

[@dwijacharya5009]

Why my register button isn't working? Any kind of help will be much appreciated. Thank You.

[@abdishakur2489]

Revisit and check your script code may be you have skipped some lines.

[@bivawraj4428]

@Adyansh Mishra still not working!

[@bivawraj4428]

Setting up unit in 'px' while setting style in js worked!

[@estherhabimana5065]

I have a question, How did you write css syntax for the div with id=“btn” and it also appeared on the buttons yet the div was terminated? Thank you

[@rupammankar3410]

kzbin.info/www/bejne/pXOaeqmCjZyib9k.. Awesome animations here😍😍

[@shantanughatak5315]

I don't know

[@teranneranga3586]

thanks for the great tutorial 👍

[@HDNVlogs]

Thank You sir i want to study htm and css and i have created my first sign up page with the help of your video.

[@GreatStackDev]

You are most welcome

[@riseabovehate9476]

If you could just share the final html code, that would be great.

[@rupammankar3410]

kzbin.info/www/bejne/pXOaeqmCjZyib9k.. Awesome animations here😍😍.. With downloadable code

[@Muksss]

The form-box is showing at the left top side of the webpage even though I set "position: center;"

[@OLDGAMERCHAN]

try to say in css top:50%; left: 50%; transform: translate(-50% , -50%); i think i will be in the center

[@32.mugilesh.e51]

Thank you man :) my saviour.

[@cheikhahmedtidianendiaye8525]

Merci beaucoup votre tuto m'a beaucoup aider

[@darasujithchandra2526]

When I type overflow: hidden there is no change still it is showing sm as before can someone please help me

[@longlong80099]

check the #login and #register, I had the same issue before I found the #register is wrong

[@abhishekbdps100]

check the commas and other stuff one small mistake and it doesn't work

[@sivasankaramoorthyb1074]

This problem is occurring in my side, any one can help me

[@abhishekbdps100]

@@sivasankaramoorthyb1074 after hidden; check this comma

[@leezaa4860]

I have the same problem sir...the overflow hidden property doesn't work

[@rpshuk]

Great tutorial BUT it's incomplete until true login along with forgot password scripts. Please do it.

[@GreatStackDev]

Hi it's just for front end design of form, Please check the first link in the description, for login and registration functionality with Database connectivity. Thanks for comment

[@abubakrsaydakhmedov3919]

you welcome i liked and subscribe thank you very much it worked!!

[@sarathpuppala6148]

Great work. Please post more such stuff.

[@chrifisimo3447]

Thank you from morocco

[@comunistacompcde20k2]

thank youuu

[@DcodeShow]

Thank for your great login video

[@Aadvikgaming1639]

thanks u so much i was coding for 2 hours

[@AnimeLover-bj8li]

Thank you so much for this awesome video

[@mdmanik-xy7ui]

Beautifully done

[@abderamaneabakarhassane2615]

Thank you i have learned a lot from you thank one more.

[@teresiaaritonang4457]

Yeyy...i've try it and succesfully 🙏

[@user-qs2pm8pi6q]

Thanks mate!!

[@ameliacarter2692]

This is just the most amazing web-dev channel on yt!!!!! Thanks a lot for ur efforts!!!

[@GreatStackDev]

You're very welcome!

[@theUnmeshraj]

@@GreatStackDev Dude You are still replying on this video!! THATS COOL

[@GreatStackDev]

@@theUnmeshraj Thanks Unmesh Bro

[@typingmaster24]

❤❤This video was amazingly helpful!! Thank you sir 🙏🙏🙏🙏

[@trups11trupti]

Excellent. Good work 👍

[@rulaneshedo2775]

very cool tutorial thanks, it helped me a lot

[@Vformilyoner]

this was amazing , your contents are very tutorial. I find contents which I want to make in your videos, thanks sir

[@its_aayan9854]

Thanks It's so nice

[@smartlifecrew5095]

Best explanation 😎👌👍👍 thx sir 😎🔥🔥

[@Deus-lo-Vuilt]

thanks video , more pls

[@Anuj-yj4bx]

Wow man, you have made cool page. Thanks !!

[@socialmedia5682]

Too good sir.. 🙏🙏

[@lizz.garleb]

Loved your video thanks a lot 🥰

[@soukaynazaidi5099]

Thank you sir ❤️

[@tongsorawit]

Thank you very much

[@SeekhoYar]

Great Tutorial

[@unwonted1689]

Thank you soo much sir, this was super helpfull

[@Abdullatif-jn8yr]

Very Nice super good knowledge of coding ,

[@akankshashahare3719]

thanks for the video it was very helpful for me

[@rajuvathari1818]

thank u sir.... love from karnataka.

[@daddyallu1542]

Wahh ! An excellent tutorial brother.

[@razsargsyan5860]

Thank you SO MUCH it is so helpful for begginers like for me!!!

[@GreatStackDev]

You're so welcome!

[@ramkumark3515]

Just awesome sir!!!