Login Form in HTML & CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 มิ.ย. 2023
  • Login Form in HTML and CSS, Login Page HTML CSS, Login Form using HTML and CSS, Login Form HTML CSS, Login Page HTML CSS, Login Form CSS
    Click For More: / @codehal
    Website:
    codehalweb.com/
    -------------------------------------------------------------------
    Get Source Code from here and support me ❤
    www.buymeacoffee.com/codehalY...
    Get Source Code by PayPal
    ko-fi.com/s/3f87573b63
    🔔 Subscribe Now!
    / @codehal
    Related Videos:
    Animated Login Form using HTML and CSS Only
    • Animated Login Form us...
    How To Make A Website With Login And Register | HTML CSS & Javascript
    • How To Make A Website ...
    How To Create A Website With Login And Register | HTML & CSS & Javascript
    • How To Create A Websit...
    How To Create A Website With Login | HTML & CSS
    • How To Create A Websit...
    Download Image & Start Project From Scratch:
    drive.google.com/file/d/1APE2...
    Icons:
    boxicons.com/
    Image Sources:
    Image created by pikisuperstar
    www.freepik.com/free-vector/l...
    Codehal
    -------------------------------------------------------------------
    #css #cssanimation #csseffect #codehal
    -------------------------------------------------------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

ความคิดเห็น • 340

  • @catherinesalazar2113
    @catherinesalazar2113 7 หลายเดือนก่อน +109

    Everything about this video was BEAUTIFUL! the color-elements harmony, music, the neat code and the 'simple' yet spectacular final result. Thank you!

  • @alexandramoura2918
    @alexandramoura2918 7 หลายเดือนก่อน +22

    I'm so in love with possibilities of this design, the code is simple, the visuals are minimalist yet so beautiful, thank you fot this!!

  • @jasminnieoo
    @jasminnieoo 5 หลายเดือนก่อน +9

    i much appreciate you beginning with bright colors when positioning + sizing, it helps me understand how to put things in place

  • @lehaswinipalla3365
    @lehaswinipalla3365 9 หลายเดือนก่อน +21

    Thank you so much! I didn't know anything about css but i sure learnt a lot from this!

  • @BynxBS
    @BynxBS 9 หลายเดือนก่อน +21

    I am really going to say thank you! Thank you for this immense help!

  • @ilhan537
    @ilhan537 9 หลายเดือนก่อน +40

    Your coding style is amazing.After watching your videos i have also started web designing...

    • @DaniellaB.
      @DaniellaB. หลายเดือนก่อน +1

      Hi, how has it been going for u?

    • @t2hasnain
      @t2hasnain 26 วันที่ผ่านมา

      @@DaniellaB. cffvnfvnvn c

  • @user-ul6ee2nj5d
    @user-ul6ee2nj5d 4 หลายเดือนก่อน +3

    I could really use the practice with my HTML and CSS, your video was perfect! Thanks so much man keep up the good work!

  • @muppasaikrishna9403
    @muppasaikrishna9403 8 หลายเดือนก่อน +13

    I am really going to say thank you! It's simple and useful

  • @debs.1037
    @debs.1037 29 วันที่ผ่านมา

    What an amazing video! This is the first project that I managed to finish completely, and I learned a lot. Thank you!

  • @efraimelkan5794
    @efraimelkan5794 5 หลายเดือนก่อน +7

    Professional work. I like how you help us which div is which one by giving each a different color.

  • @bigarshiev2195
    @bigarshiev2195 7 หลายเดือนก่อน +4

    This was very good I’ve been going through w3schools but they had nothing regarding designing the login form to this level

  • @user-qj2eq5mq5w
    @user-qj2eq5mq5w 3 หลายเดือนก่อน +1

    "Thank you very much for creating these videos."

  • @playerdani327
    @playerdani327 8 หลายเดือนก่อน +9

    Looks perfect and a great tutorial, thank you👌🏼✌🏼

  • @mitikouman7581
    @mitikouman7581 7 หลายเดือนก่อน +3

    I am really grateful to you
    I learned many things ❤❤

  • @JACNNN80
    @JACNNN80 5 หลายเดือนก่อน +2

    Best tutorial i ever seen thank you so much.🎉

  • @Got-it747
    @Got-it747 16 วันที่ผ่านมา

    I am genuinely grateful for this video. Thank you so very much.

  • @idachemoses228
    @idachemoses228 หลายเดือนก่อน

    You're such a great teacher. Thank you sir.

  • @Tornado-ln7fq
    @Tornado-ln7fq 6 หลายเดือนก่อน +4

    That's what you can't do, it's to move to the center of h1 using text align. It is better to wrap the text separately in a block, and set it from the parent block margin 0 auto; And add the text style separately.

  • @muppasaikrishna9403
    @muppasaikrishna9403 8 หลายเดือนก่อน +89

    In the style.css file you imported the url you didn't show that where did you imported that

    • @ayeminkyaw3754
      @ayeminkyaw3754 4 หลายเดือนก่อน +14

      It doesn't matter because the programmer already knows about that.

    • @vaibhavshukla1659
      @vaibhavshukla1659 4 หลายเดือนก่อน

      Same question ❓

    • @sanjaymishra-ec9lw
      @sanjaymishra-ec9lw 4 หลายเดือนก่อน +5

      They import Google fonts from Google.

    • @alonefill
      @alonefill 3 หลายเดือนก่อน

      Same question 🥺

    • @Anshu_0.7
      @Anshu_0.7 3 หลายเดือนก่อน +2

      Import in the same folder where you have created the project

  • @nglme
    @nglme 11 หลายเดือนก่อน +11

    Wonderful man! Loved it.

  • @ricseljohnresare4503
    @ricseljohnresare4503 9 หลายเดือนก่อน +4

    Thank youuu it made my project better a 100%

  • @anthonyoneal1856
    @anthonyoneal1856 2 หลายเดือนก่อน +1

    used this for a live exercise to get my feet wet into, CSS. I like the style but want to learn the element on my own.

  • @FearAwaits
    @FearAwaits 8 หลายเดือนก่อน +2

    Thank you sir! More tutorial please❤

  • @deltalight5894
    @deltalight5894 หลายเดือนก่อน

    Thanks to you I learned how to center a div(also trying not to fall in tutorial hell by following different objects making a few small changes for example the background, I set it as an URL and made a few changes to make it look good)

  • @russ_the_ceo6456
    @russ_the_ceo6456 6 หลายเดือนก่อน

    Thank you! Very helpful and easy to follow along.

  • @InPixel180
    @InPixel180 3 หลายเดือนก่อน

    Thanks a lot Mate! This really helped me in my Coding Journey!

  • @arielb102011
    @arielb102011 หลายเดือนก่อน +1

    I had to set an id to that first . I could not use the class in the css

  • @bajutaboy7588
    @bajutaboy7588 2 หลายเดือนก่อน

    Respect for you blood Good Creativity and awesome Idea...

  • @casualxtalks
    @casualxtalks 23 วันที่ผ่านมา +2

    Thanks for this amazing video!!!!

  • @OmarAhmed-hy8pd
    @OmarAhmed-hy8pd หลายเดือนก่อน +1

    Why did he use the ?
    Isn't it used to make an italic style ??

  • @StylishBanditSlayerS
    @StylishBanditSlayerS 3 หลายเดือนก่อน +1

    Thank You So Much For All Bro!!!! This Is So UseFull For Us!!!!! Thank You So Much For All Bro!!!!!

  • @saismile1045
    @saismile1045 10 หลายเดือนก่อน +3

    Thanks a lot dude!!!😍😍😍💯💯💯🔥🔥🔥✊️✊️✊️

  • @LifterAndy
    @LifterAndy 11 หลายเดือนก่อน +17

    Thank you! I just made the same one!❤

    • @zeta1527
      @zeta1527 8 หลายเดือนก่อน +6

      if u want to learn faster do something else but with the things that youve learned from this vid. like a login form but in your own style

  • @saba-tabagua
    @saba-tabagua 5 หลายเดือนก่อน +1

    thank you for this evrything and good luck in you career

  • @TemitopeElizabeth-ek7fv
    @TemitopeElizabeth-ek7fv 4 หลายเดือนก่อน +1

    Amazing 👌 followed the steps and the result was nice. Thanks sir Codehal
    😊

  • @SupardiAtisina
    @SupardiAtisina 11 หลายเดือนก่อน +1

    Thanks bro I am from indo love your channel

  • @mrraj7534
    @mrraj7534 10 หลายเดือนก่อน +4

    Great work

  • @Kellynaij
    @Kellynaij 3 หลายเดือนก่อน +1

    This video will be so helpful to me cos I really need to do something like this but I don’t know how to use html and css very well just wish I can learn from you
    This video is so beautiful btw thanks

  • @maangoswami5622
    @maangoswami5622 หลายเดือนก่อน +1

    Thank you very much for this video, it was very informative

  • @diegomatallana7994
    @diegomatallana7994 4 หลายเดือนก่อน +1

    Thanks for this video I used this format for practice, but I made with Dragon Ball tematic ☺

  • @ElectronsX
    @ElectronsX หลายเดือนก่อน

    Amazing video! Great help.

  • @jesustod8926
    @jesustod8926 27 วันที่ผ่านมา +1

    Thanks bro nice video and the login is PRO

  • @muhammadshees8417
    @muhammadshees8417 8 หลายเดือนก่อน +1

    Most amazing video that I have ever seen my brain tell me to write this comment great video ❤

  • @shohruxzokirjonov3356
    @shohruxzokirjonov3356 7 หลายเดือนก่อน

    thank you so much. for such a beautiful contents.

  • @elhansultanov7891
    @elhansultanov7891 7 หลายเดือนก่อน +1

    This is really amazing man😍😍😍

  • @user-tz6cz4ns5g
    @user-tz6cz4ns5g 7 หลายเดือนก่อน +1

    thank you bro you are helping me to learn something new 😊😊

  • @toyotasupra0
    @toyotasupra0 9 หลายเดือนก่อน +1

    amazing work brother

  • @samuel-Geometry
    @samuel-Geometry 4 หลายเดือนก่อน +1

    Thanks you for this video, you are amazing, i will want do some that in the future

  • @pvksmaheeth8816
    @pvksmaheeth8816 9 หลายเดือนก่อน +1

    thank you so much perfect design

  • @MSS_Akram
    @MSS_Akram 7 หลายเดือนก่อน +2

    awesome work dude....also it'll be more impressive if we have hover feature when we move our pointer across the login button....if possible please comment down the code for that one

  • @hemashirisha9522
    @hemashirisha9522 8 หลายเดือนก่อน +1

    Thank you so much .. this video helps me a lot

  • @maangoswami5622
    @maangoswami5622 หลายเดือนก่อน

    Thank you very much for this video

  • @portugalsemfiltro
    @portugalsemfiltro หลายเดือนก่อน

    Te amo, seguindo e aprendendo!

  • @user-qe8tk3fy3p
    @user-qe8tk3fy3p หลายเดือนก่อน

    great lt is helped me in web desining😄

  • @MasterRoyale-hn4dr
    @MasterRoyale-hn4dr วันที่ผ่านมา

    Thaks a lot!

  • @hkynltn
    @hkynltn 6 หลายเดือนก่อน

    Thankyou you saved me my teacher is happy

  • @victorgaliza
    @victorgaliza 4 หลายเดือนก่อน +1

    it's so satisfying ☺️❤

  • @hemavarshini1822
    @hemavarshini1822 3 หลายเดือนก่อน

    Thank you so much . The Video is very useful.

  • @apxlegend8085
    @apxlegend8085 11 หลายเดือนก่อน +4

    Great work bro keep it up ❤

  • @user-md-masum-billah
    @user-md-masum-billah 2 หลายเดือนก่อน +1

    really nice tutorial❤

  • @muppasaikrishna9403
    @muppasaikrishna9403 8 หลายเดือนก่อน

    This content enough to subscribe this channel

  • @adnaanmohammed3807
    @adnaanmohammed3807 8 หลายเดือนก่อน +1

    Thanks Instructor🙏

  • @user-cq1of5tg2p
    @user-cq1of5tg2p 6 หลายเดือนก่อน +1

    Izin menyimpan video bro, buat tugas sekolah, thankss ✨

  • @MinhNguyen-mo8dw
    @MinhNguyen-mo8dw 18 วันที่ผ่านมา

    thank you very much !!

  • @FerdwosKing-et8sj
    @FerdwosKing-et8sj 12 วันที่ผ่านมา

    You are the best sir❤

  • @user-ji3ln7gs1c
    @user-ji3ln7gs1c 3 หลายเดือนก่อน +2

    Thanks it was ver helpfull for me ❄

  • @anshultipnis6963
    @anshultipnis6963 7 หลายเดือนก่อน +1

    thank you brother helped me a lot

  • @victorga74
    @victorga74 3 หลายเดือนก่อน

    Great work! Thanks

  • @lofiremixsongs2003.
    @lofiremixsongs2003. 5 หลายเดือนก่อน +2

    thanks for help to create my first css lagin page
    thank you so much

  • @gabrielOkunola-wp4pt
    @gabrielOkunola-wp4pt หลายเดือนก่อน

    thank you you have inspired me to do more😎😎😍😍

  • @Pinsara_Rathnayaka
    @Pinsara_Rathnayaka 13 วันที่ผ่านมา

    Thank you so much

  • @Aditya-jv9mp
    @Aditya-jv9mp 14 วันที่ผ่านมา

    9:50 felt magical

  • @TornikeObgaidze
    @TornikeObgaidze 27 วันที่ผ่านมา

    great!!!, thank you !!!

  • @roquinhas1951
    @roquinhas1951 2 หลายเดือนก่อน

    this is so beautiful... wow

  • @ASMRcode1
    @ASMRcode1 หลายเดือนก่อน

    So good 😊

  • @ren_lad
    @ren_lad 2 วันที่ผ่านมา

    Is this just for the visual part or it actually saves the data into a database? Because he is only showing how to create and style but the buttons don't actually work with anything outside. Thanks for the video though!

  • @trillkodex1235
    @trillkodex1235 3 หลายเดือนก่อน

    Best Tutorial wow!

  • @Anonymous_Kid12
    @Anonymous_Kid12 9 หลายเดือนก่อน +2

    Sir Salute 🫡❤

  • @nabeelmirza8801
    @nabeelmirza8801 11 หลายเดือนก่อน +2

    Wow it is really cool thx

  • @arash8942
    @arash8942 2 หลายเดือนก่อน

    Awesome 👌

  • @JorusPospolitus
    @JorusPospolitus 11 หลายเดือนก่อน +3

    Can you make a tutorial for interactive menu?

  • @frederichope2573
    @frederichope2573 7 หลายเดือนก่อน +1

    Love this ❤

  • @coldestaudios
    @coldestaudios 7 หลายเดือนก่อน

    Amazing brother

  • @watiley
    @watiley 6 หลายเดือนก่อน

    Beautiful ❤

  • @Gemimaruc
    @Gemimaruc หลายเดือนก่อน

    good work, thanks !

  • @lava_boy18
    @lava_boy18 5 วันที่ผ่านมา

    I am studying in 7 standard but I have passion to learn coding

  • @ritafrontend-qc7pu
    @ritafrontend-qc7pu 9 หลายเดือนก่อน +1

    amazing

  • @viktorsleidmans
    @viktorsleidmans 4 หลายเดือนก่อน

    Good video, thanks

  • @Es7z
    @Es7z 4 หลายเดือนก่อน

    how did u make the website where u take the codes in? i dont get it

  • @fabriwaliase8633
    @fabriwaliase8633 2 หลายเดือนก่อน

    Thank you so much, my login website is amazing now
    🥰🥰

    • @user-dd3tw7zi4p
      @user-dd3tw7zi4p 2 หลายเดือนก่อน

      is it working for you ?

  • @ibrahimmaryam-dp3rr
    @ibrahimmaryam-dp3rr 9 วันที่ผ่านมา

    where did u get tht css url stuff

  • @reyhanpanahi6368
    @reyhanpanahi6368 หลายเดือนก่อน

    The was perfect 🥰 thanks

  • @ariel2004
    @ariel2004 2 หลายเดือนก่อน

    super duper thank you❤

  • @strikerjay4802
    @strikerjay4802 9 หลายเดือนก่อน +7

    How do you make it where when you click login it actually works and makes you go to the website while being logged in. I need one for a teacher versus student where the teacher can do things the student can't. also with forgot password etc how do I make those applicable?

    • @leonardonunes1199
      @leonardonunes1199 9 หลายเดือนก่อน +2

      Those thing you said need a backend project, starting with MySQL database. Now, to make all the buttons applicable, you need to create a several pages and link them to the buttons. It's not hard hard work, it's not a free work either. Requires studying and practicing.

    • @brokegod5871
      @brokegod5871 9 หลายเดือนก่อน

      Just wrap them in an anchor tag. If you want the login button to take you to another website, put an tag first with the href of that target website and inside the tag have your login button. On pressing the button, it will take you to the target website. Do the same for any button that you want to open a different website to

  • @gujaratlearning
    @gujaratlearning หลายเดือนก่อน

    Thanks you so so so much😊

  • @user-tq1ms6rt9q
    @user-tq1ms6rt9q 4 หลายเดือนก่อน

    it is very usefull thanks

  • @-sheny215
    @-sheny215 8 หลายเดือนก่อน +1

    nice design :)

  • @gabilegend1606
    @gabilegend1606 11 หลายเดือนก่อน +1

    Nice!

  • @jhonatanmota3622
    @jhonatanmota3622 2 หลายเดือนก่อน

    Amazing

  • @2steptv741
    @2steptv741 9 หลายเดือนก่อน

    thank so much my Freind