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

Поделиться
HTML-код
  • Опубликовано: 23 сен 2019
  • 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:
    ► RUclips: goo.gl/tTFmPb
    ► Facebook: goo.gl/qv7tEQ
    ► Twitter: / itsavinashkr

Комментарии • 1 тыс.

  • @hardikmirg6279
    @hardikmirg6279 3 года назад +205

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

    • @madogaming1570
      @madogaming1570 2 года назад +1

      No guys

    • @sudhanshuyadav3622
      @sudhanshuyadav3622 2 года назад +2

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

    • @nikeigsupport4374
      @nikeigsupport4374 2 года назад +4

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

    • @talkliberia812
      @talkliberia812 2 года назад

      You are absolutely right. They are all into tech.

    • @user-vg4yy7hr3v
      @user-vg4yy7hr3v 2 года назад

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

  • @sokhaitrey9211
    @sokhaitrey9211 4 года назад +44

    Always appreciate for your hard work. Thanks from Cambodia.

  • @GreatStackDev
    @GreatStackDev  9 месяцев назад

    👉 Make Multi Page complete responsive website: ruclips.net/video/oYRda7UtuhA/видео.html

  • @franceleeparis37
    @franceleeparis37 4 года назад +23

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

  • @sohamverma6657
    @sohamverma6657 2 года назад +11

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

  • @darthlinox
    @darthlinox 2 года назад +10

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

  • @aayushisharma6605
    @aayushisharma6605 3 года назад +4

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

  • @steliosvogiatzis1047
    @steliosvogiatzis1047 4 года назад +2

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

  • @utsavkumar8924
    @utsavkumar8924 3 года назад +4

    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..

  • @Sadamkhan7
    @Sadamkhan7 2 года назад +3

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

  • @neelbiswas5992
    @neelbiswas5992 3 года назад +14

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

  • @armansharma8214
    @armansharma8214 4 года назад +5

    Appreciable as always 🤙

  • @Shihab_Khan
    @Shihab_Khan 3 года назад +3

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

  • @dharaneesha442
    @dharaneesha442 3 года назад +3

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

  • @sad_otaku
    @sad_otaku 2 года назад

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

  • @Volkansrt
    @Volkansrt Год назад

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

  • @JBWEBDEVELOPER
    @JBWEBDEVELOPER 4 года назад +6

    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

  • @willianbarreiro9925
    @willianbarreiro9925 3 года назад +26

    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

  • @balogunoluwatobijohn154
    @balogunoluwatobijohn154 2 года назад +2

    Awesome tutorial. Very easy to understand!

  • @jooda6192
    @jooda6192 4 года назад +1

    Thank you! it was very helpful:)

  • @1309CV
    @1309CV 4 года назад +31

    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.

  • @Ghost_877
    @Ghost_877 3 года назад +4

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

  • @jedi141
    @jedi141 4 года назад +1

    Thank you sir, more power!

  • @nettad1036
    @nettad1036 4 года назад +2

    Thank you - it's beautiful :)

  • @xbanme9532
    @xbanme9532 4 года назад +6

    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?

  • @nanditasaha1609
    @nanditasaha1609 3 года назад +7

    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
      @GreatStackDev  3 года назад +2

      Thanks to you Nandita

    • @hr2307
      @hr2307 2 года назад +2

      @@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
      @ruokfffanclub3905 2 года назад +2

      bhai source code dedo piz aap ka

    • @Codewith_Dipak
      @Codewith_Dipak Год назад

      ​@@hr2307same Problem

  • @it154-sonineel9
    @it154-sonineel9 2 года назад

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

  • @skylartartfall1515
    @skylartartfall1515 3 года назад

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

  • @bram3978
    @bram3978 3 года назад +15

    After 2 years this still is so great!

    • @MaltizEdits
      @MaltizEdits 2 года назад

      where i can download the code??

    • @bram3978
      @bram3978 2 года назад

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

  • @phantomking2425
    @phantomking2425 3 года назад +7

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

  • @abarash100
    @abarash100 2 года назад

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

  • @narayanmani3000
    @narayanmani3000 4 года назад +7

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

  • @NEERAJSHARMA-wl4tq
    @NEERAJSHARMA-wl4tq 4 года назад +16

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

    • @mrlessons2656
      @mrlessons2656 3 года назад

      @SARA NANDHINI I know how to make them

  • @genzy1680
    @genzy1680 Год назад

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

  • @swapnilmundhe6555
    @swapnilmundhe6555 4 года назад +1

    Your tutorial is awesome 👍

  • @tipudas9314
    @tipudas9314 4 года назад +3

    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
      @talkliberia812 2 года назад

      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.

  • @saptarshichatterjee4934
    @saptarshichatterjee4934 3 года назад +28

    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?

  • @hakonsings
    @hakonsings 3 года назад +1

    Fantastic Tutorial!

  • @acme6017
    @acme6017 Год назад

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

  • @beketamirkhanov1020
    @beketamirkhanov1020 4 года назад +11

    Hi! Could you share the final code?

  • @pratitibera8639
    @pratitibera8639 4 года назад +3

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

  • @daddyallu1542
    @daddyallu1542 3 года назад

    Wahh ! An excellent tutorial brother.

  • @kalyanmajji2097
    @kalyanmajji2097 4 года назад

    Excellent and thank you sir for providing this video to learn how to create a login/Registration form simply
    But I am unhappy only in the explination part explination of each and every tag/styles will help us in remember for long time .....

  • @aamycool261
    @aamycool261 4 года назад +3

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

  • @artemkeller2571
    @artemkeller2571 Год назад +9

    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
      @doomhand6360 Год назад +2

      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
      @shonik3718 10 месяцев назад +1

      konnyol

  • @HDNVlogs
    @HDNVlogs 3 года назад +3

    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.

  • @sarathpuppala6148
    @sarathpuppala6148 3 года назад

    Great work. Please post more such stuff.

  • @annaprolisok6149
    @annaprolisok6149 2 года назад +4

    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

  • @asia22
    @asia22 4 года назад +8

    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
      @GreatStackDev  4 года назад +11

      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: ruclips.net/video/NXAHkqiIepc/видео.html

    • @onewhispergaming6435
      @onewhispergaming6435 4 года назад +3

      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
      @asia22 4 года назад

      @@onewhispergaming6435 Awesome, thank you so much♥

    • @mr360explain
      @mr360explain 3 года назад

      @@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
      @mr360explain 3 года назад

      @@GreatStackDev please bro reply

  • @chrifisimo3447
    @chrifisimo3447 4 года назад +1

    Thank you from morocco

  • @comunistacompcde20k2
    @comunistacompcde20k2 3 года назад

    thank youuu

  • @Dloc47
    @Dloc47 3 года назад +3

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

  • @parthshah7201
    @parthshah7201 4 года назад +8

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

    • @dannysoto1756
      @dannysoto1756 3 года назад +1

      did you ever find an easy way to do this?

    • @parthshah7201
      @parthshah7201 3 года назад +1

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

    • @Shadow.Walker
      @Shadow.Walker 3 года назад +1

      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
      @parthshah7201 3 года назад

      @@Shadow.Walker yes

  • @Aadvikgaming1639
    @Aadvikgaming1639 7 месяцев назад

    thanks u so much i was coding for 2 hours

  • @ameliacarter2692
    @ameliacarter2692 3 года назад +2

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

    • @GreatStackDev
      @GreatStackDev  3 года назад +1

      You're very welcome!

    • @theUnmeshraj
      @theUnmeshraj 3 года назад

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

    • @GreatStackDev
      @GreatStackDev  3 года назад

      @@theUnmeshraj Thanks Unmesh Bro

  • @riseabovehate9476
    @riseabovehate9476 4 года назад +10

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

    • @rupammankar3410
      @rupammankar3410 3 года назад

      ruclips.net/video/oB7IvLX7o9w/видео.html..
      Awesome animations here😍😍..
      With downloadable code

  • @sarmakv
    @sarmakv 3 года назад +11

    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
      @domzzolanski6417 2 года назад

      same happens with me

    • @domzzolanski6417
      @domzzolanski6417 2 года назад

      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

  • @agfr791
    @agfr791 3 года назад

    thank you for the tutorial, is very helpful

  • @mdmanik-xy7ui
    @mdmanik-xy7ui 4 года назад

    Beautifully done

  • @Muksss
    @Muksss 3 года назад +3

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

    • @OLDGAMERCHAN
      @OLDGAMERCHAN 3 года назад

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

  • @mrjax2760
    @mrjax2760 4 года назад +5

    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
      @danielmorenosanchez6776 4 года назад +2

      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
      @mrjax2760 4 года назад +1

      Daniel Moreno Sanchez but how bro !

    • @GreatStackDev
      @GreatStackDev  4 года назад +2

      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
      @mrjax2760 4 года назад

      @@GreatStackDev ok sir great

    • @ashubadgujar7595
      @ashubadgujar7595 4 года назад

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

  • @ar_blogbd
    @ar_blogbd 3 года назад +1

    Drear Sir,
    Your Teaching skill is very good. I love your chanel. Because, it is very easy & helpful. I made this form perfectly. Now, please make a video to set validation in this login & Registation form as soon as. It will very helpful me. I wait for that.................thank you.

  • @trups11trupti
    @trups11trupti 3 года назад

    Excellent. Good work 👍

  • @rpshuk
    @rpshuk 4 года назад +4

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

    • @GreatStackDev
      @GreatStackDev  4 года назад +13

      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

  • @dwijacharya5009
    @dwijacharya5009 4 года назад +5

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

    • @abdishakur2489
      @abdishakur2489 4 года назад

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

    • @bivawraj4428
      @bivawraj4428 3 года назад

      @Adyansh Mishra still not working!

    • @bivawraj4428
      @bivawraj4428 3 года назад

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

  • @abdishakur2489
    @abdishakur2489 4 года назад +2

    This is the most outstanding log in and registration form on the same page which a user friendly. thanks a lot bro

    • @artillence
      @artillence 3 года назад

      can you give me code

  • @teranneranga3586
    @teranneranga3586 4 года назад

    thanks for the great tutorial 👍

  • @estherhabimana5065
    @estherhabimana5065 3 года назад +7

    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

  • @darasujithchandra2526
    @darasujithchandra2526 3 года назад +8

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

    • @longlong80099
      @longlong80099 3 года назад +1

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

    • @abhishekbdps100
      @abhishekbdps100 3 года назад

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

    • @sivasankaramoorthyb1074
      @sivasankaramoorthyb1074 3 года назад

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

    • @abhishekbdps100
      @abhishekbdps100 3 года назад

      @@sivasankaramoorthyb1074 after hidden; check this comma

    • @leezaa4860
      @leezaa4860 3 года назад

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

  • @ramkumark3515
    @ramkumark3515 3 года назад

    Just awesome sir!!!

  • @MathsByVinaySir.
    @MathsByVinaySir. 3 года назад +1

    This is very helpful tutorial Thanks sir 🙏

  • @rkdraaj
    @rkdraaj 4 года назад

    I just loved it.

  • @abubakrsaydakhmedov3919
    @abubakrsaydakhmedov3919 3 года назад

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

  • @dwivediarpita4702
    @dwivediarpita4702 4 года назад

    Thank you it helped me..thanks alot

  • @rulaneshedo2775
    @rulaneshedo2775 3 года назад

    very cool tutorial thanks, it helped me a lot

  • @semhartesfamariam394
    @semhartesfamariam394 3 года назад

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

  • @Anuj-yj4bx
    @Anuj-yj4bx 2 года назад

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

  • @32.mugilesh.e51
    @32.mugilesh.e51 11 месяцев назад

    Thank you man :)
    my saviour.

  • @ajaydjay
    @ajaydjay 4 года назад

    It's awesome 😊... Buddy...

  • @kaizancalsiman7469
    @kaizancalsiman7469 3 года назад

    your a better teacher than our teacher. Thank you for this bro. I will watch the adds for this hehehe..so helpfull.

  • @teresiaaritonang4457
    @teresiaaritonang4457 Год назад

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

  • @AnimeLover-bj8li
    @AnimeLover-bj8li 3 года назад

    Thank you so much for this awesome video

  • @maritimans
    @maritimans 3 года назад

    thank you very much , you got one more subscriber

  • @SeekhoYar
    @SeekhoYar 4 года назад

    Great Tutorial

  • @typingmaster24
    @typingmaster24 8 месяцев назад

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

  • @Vformilyoner
    @Vformilyoner Год назад

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

  • @sandeepmishra5753
    @sandeepmishra5753 4 года назад

    sir plz describe more that which element r u using for and what purpose..overall its a good tutorial..

  • @Abdullatif-jn8yr
    @Abdullatif-jn8yr 4 года назад

    Very Nice super good knowledge of coding ,

  • @lizz.garleb
    @lizz.garleb Год назад

    Loved your video thanks a lot 🥰

  • @siddhivinayakjn7225
    @siddhivinayakjn7225 4 года назад

    Very nice video, thanks

  • @smartlifecrew5095
    @smartlifecrew5095 Год назад

    Best explanation 😎👌👍👍 thx sir 😎🔥🔥

  • @niewinskipiotr1993
    @niewinskipiotr1993 4 года назад +1

    that was AWESOME

  • @chennuruvenumadhav
    @chennuruvenumadhav 2 года назад

    Super bro this was very helpful to me.

  • @djdada4148
    @djdada4148 4 года назад

    Great..!!

  • @DcodeShow
    @DcodeShow 4 года назад

    Thank for your great login video

  • @arunaravind571
    @arunaravind571 4 года назад

    super bro...thanks a lot

  • @unwonted1689
    @unwonted1689 2 года назад

    Thank you soo much sir, this was super helpfull

  • @vidoan8986
    @vidoan8986 3 года назад

    I like it.Thanks so much

  • @lozanhama2733
    @lozanhama2733 3 года назад

    it is very helpful please continuous

  • @nasuu5937
    @nasuu5937 3 года назад

    you are the best :D