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

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

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

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

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

      No guys

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

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

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

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

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

      You are absolutely right. They are all into tech.

    • @محمدمازن-ق9ض
      @محمدمازن-ق9ض 2 года назад

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

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

  • @sokhaitrey9211
    @sokhaitrey9211 5 лет назад +46

    Always appreciate for your hard work. Thanks from Cambodia.

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

  • @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

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

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

  • @TheFoodieSiblings-TFS
    @TheFoodieSiblings-TFS 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.

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

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

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

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

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

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

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

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

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

    After 2 years this still is so great!

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

      where i can download the code??

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

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

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

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

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

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

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

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

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

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

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

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

    Appreciable as always 🤙

  • @karimellahouny912
    @karimellahouny912 Год назад +1

    Great video but i recommend instead of the html and css code used for the checkboxes you use this code:
    HTML:
    I accept the terms and conditions
    CSS: label {
    display: block;
    margin: 0.5rem 0;
    font-size: 12px;
    }
    This makes the checkbox inline with the text and if you want you can add a link to your own terms & conditions on the word.

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

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

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

    I swear say "this is awesome "❤❤❤😢

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

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

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

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

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

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

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

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

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

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

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

    thanks u so much i was coding for 2 hours

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

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

    Thanks for the easy tutorial. I can practice this tutorial, and hopefully my skills will develop quickly

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

    • @shonik1987
      @shonik1987 Год назад +1

      konnyol

  • @32.mugilesh.e51
    @32.mugilesh.e51 Год назад

    Thank you man :)
    my saviour.

  • @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

  • @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!

  • @xbanme9532
    @xbanme9532 5 лет назад +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?

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

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

  • @NEERAJSHARMA-wl4tq
    @NEERAJSHARMA-wl4tq 5 лет назад +16

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

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

      @SARA NANDHINI I know how to make them

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

    Too good sir.. 🙏🙏

  • @saptarshichatterjee4934
    @saptarshichatterjee4934 4 года назад +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?

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

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

  • @phantomking2425
    @phantomking2425 4 года назад +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?

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

    Best explanation 😎👌👍👍 thx sir 😎🔥🔥

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

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

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

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

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

      did you ever find an easy way to do this?

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

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

    • @Shadow.Walker
      @Shadow.Walker 4 года назад +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 4 года назад

      @@Shadow.Walker yes

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

    Thanks from canada it's amazing i am learning html and css to be start my projects . thx a lot
    in the future y'all can be the next mark Zuckergerg or next bill gates

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

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

  • @AbdulMoiz.Entertainment
    @AbdulMoiz.Entertainment Год назад

    You are a mini programmer

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

    Hi! Could you share the final code?

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

    Oooowesome bro thnks to helpfull coding

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

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

      @@GreatStackDev please bro reply

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

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

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

    perfect video bro we hope more from you keep it up!!!!!!!!!!!!!!!!!!!!

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

      Thanks wael mohammedyassin

    • @techtricks.tech_
      @techtricks.tech_ 4 года назад

      @@GreatStackDev Sir my register button can't work..can u help me plz.

  • @mrjax2760
    @mrjax2760 5 лет назад +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 5 лет назад +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 5 лет назад +1

      Daniel Moreno Sanchez but how bro !

    • @GreatStackDev
      @GreatStackDev  5 лет назад +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 5 лет назад

      @@GreatStackDev ok sir great

    • @ashubadgujar7595
      @ashubadgujar7595 5 лет назад

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

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

    thank u sir.... love from karnataka.

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

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

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

    Very use full of your teaching

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

      @Adyansh Mishra still not working!

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

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

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

    You have my respect bro

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

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

    That's great and easy too

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

      Thank you Krish

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

      @@GreatStackDev i have one more request from you can you make a tutorial showing how to make a my account page with html CSS after whenever someone logins or register

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

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

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

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

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

  • @aamycool261
    @aamycool261 5 лет назад +3

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

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

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

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

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

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

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

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

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

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

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

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

      @@sivasankaramoorthyb1074 after hidden; check this comma

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

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

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

    Loved your video thanks a lot 🥰

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

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

    thanks bro for this amazing tutorial ........👍👍👍👍

  • @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

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

    thank you sir i really appreciate that your channel very helpful

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

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

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

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

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

    Very Helpful🥰🥰

  • @rpshuk
    @rpshuk 5 лет назад +4

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

    • @GreatStackDev
      @GreatStackDev  5 лет назад +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

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

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

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

    best one.class look

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

    Wow, You're Beautifull Teacher!!!
    Thank You Verrrry Much!!!!!

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

      Thank you! 😃, Glad you like this login and registration form design.

  • @tastewithvkworldvolg
    @tastewithvkworldvolg 11 месяцев назад

    Sir it is very useful to me and I'm the beginner now only I'm starting my project and it is very useful and let I know where the register will go and save

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

    thank you for your best video bro

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

    Very Nice super good knowledge of coding ,

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

    Thank You so much sir for making this tutorial, you made it look very simple

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

    Really helpful 😬

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

    this video is very help full thank you

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

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

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

    it is very helpful please continuous

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

    Thanks a lot sir

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

    Thank you sir ❤️

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

    Thank u broo.!!!!👍👍👍👌👌👌👌

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

    This is very helpful tutorial Thanks sir 🙏

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

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

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

    thanks man completed my workkkkkk.....

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 года назад

    thanks video , more pls

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

      can you give me code

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

    Very good video. thank you.

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

    Super bro this was very helpful to me.

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

    Wahh ! An excellent tutorial brother.

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

    Amazing video

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

    Excellent. Good work 👍

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

    Great work. Please post more such stuff.

  • @MohamedEll-we4vz
    @MohamedEll-we4vz 2 месяца назад +1

    🎉🎉 thanks