Create Website with Login & Registration Form in HTML CSS & JavaScript

Sdílet
Vložit
  • čas přidán 25. 07. 2024
  • In this video tutorial you will learn to create a Website with Login & Registration Form in HTML CSS & JavaScript.
    🗂️ Get Source Code of this Website with Forms
    ➤ buymeacoffee.com/codingnepal/...
    🌐 Visit CodingNepal for helpful coding projects
    ➤ www.codingnepalweb.com
    ⭐ Hire me on Fiverr
    ➤ www.fiverr.com/prakashahi
    📷 Follow me on Instagram
    ➤ / coding.np
    🤝 Support my work with a coffee
    ➤ buymeacoffee.com/codingnepal
    ⌚ Timestamps:
    00:00 Website Demo
    01:32 File Structure
    02:00 Creating Website Navbar in HTML
    03:16 Creating Website Navbar in CSS
    05:52 Creating Website Home Section
    08:25 Creating Login & Registration Form
    23:19 JavaScript code to open and close form
    34:03 Final output of Website with login & register form
    #loginform #registrationform #website
    ---
    Music Credit:
    Ikson - We Are Free (Vlog No Copyright Music)
    • Ikson - We Are Free (V...
    Song: Ehrling - You And Me (Vlog No Copyright Music)
    ➤ Video Link: • Ehrling - You And Me (...

Komentáře • 94

  • @CodingLabYT
    @CodingLabYT  Před 11 měsíci +1

    Responsive Website with Login & Registration Form
    czcams.com/video/YEloDYy3DTg/video.html

  • @MuhammadAftab-1612
    @MuhammadAftab-1612 Před 7 měsíci

    I learnt many things from this tutorial.Thanks a lot

  • @Alu_Aley07
    @Alu_Aley07 Před rokem +2

    Thank you i love this way of lesson so simple

  • @user-hg4tl4sp3v
    @user-hg4tl4sp3v Před 11 měsíci

    Wow 🔥i will sure watch all your videos ❤️

  • @peterkabiru5144
    @peterkabiru5144 Před 11 měsíci

    Such a nice tutorial. Thank you.

  • @pomidor-vkysni
    @pomidor-vkysni Před rokem +4

    Thx for this showcase. I think this is very simple things for web-developers, but for newbie like me it's rly nice feel when you make something same and it's working. And it's not matter how old you: just a simple thing that will work even when you have no idea about what you doing (mostly) make you feel better :)

  • @ThanhKhoi93
    @ThanhKhoi93 Před rokem

    It's beautiful !!

  • @soumelee5661
    @soumelee5661 Před rokem +4

    i learnt a lot from this tutorial video! thanks

  • @jessesrek
    @jessesrek Před 7 měsíci

    Your ma best at coding

  • @PrinceKumar-hh6yn
    @PrinceKumar-hh6yn Před 10 měsíci

    silent explainer:-) its nice

  • @yogeshkawade9577
    @yogeshkawade9577 Před rokem

    Bro nice❤🎉

  • @mdms4549
    @mdms4549 Před rokem

    Very Awesome Bro
    Thanks
    😀😀

  • @vicecity__channel4377

    You have backend ❤

  • @Total_gaming00.1
    @Total_gaming00.1 Před rokem

    wow so nice

  • @user-tx5wc4hc4p
    @user-tx5wc4hc4p Před rokem +1

    how can i run it? do i need to use xampp? mine's not working.

  • @amoh96
    @amoh96 Před rokem +1

    wow to nice do more about this help me alot as beginner :)

    • @CodingLabYT
      @CodingLabYT  Před rokem

      Glad it was helpful!

    • @user-co9sp8ki2e
      @user-co9sp8ki2e Před rokem

      Co lên bạn ơi tôi là nguyên văn hoàng đang làm việc ở nhà và sống tại việt nam cảm ơn bạn

  • @mdms4549
    @mdms4549 Před rokem +1

    Very Awesome Bro😀😃😃

  • @Cosmic.Perspective
    @Cosmic.Perspective Před rokem

    Great vid! Where can I get the source code from? Your link doesn’t navigate me to the right place

  • @dhirajkumar-rr7kl
    @dhirajkumar-rr7kl Před rokem

    Sir inline css mea underline hover effect apply kaise hoga
    Kya koi solution hai iska

  • @syedkashifhussain8802
    @syedkashifhussain8802 Před 8 měsíci

    Please make tutorial on Popup / Modal Login form with validation which display message of 'invalid username or password' within modal login form.

  • @user-pc9oi8ck7z
    @user-pc9oi8ck7z Před 5 měsíci

    I am learning many time to do it , i want to learning php connecting with mysql

  • @user-vp4uy3rt8g
    @user-vp4uy3rt8g Před rokem +1

    I really like your video,next time could you do credit card payment gateway form using html,css,JavaScript ,please!

    • @CodingLabYT
      @CodingLabYT  Před rokem +1

      Noted

    • @user-co9sp8ki2e
      @user-co9sp8ki2e Před rokem

      Nguyễn văn hoàng tôi đang làm việc tại nhà tôi tôi ở việt nam cam ơn bạn

  • @CodingTime-uv2bb
    @CodingTime-uv2bb Před 10 měsíci

    how to get icons links ?

  • @bekircanuyar
    @bekircanuyar Před rokem +1

    A very nice login and registration form. When are codes shared?

  • @nielgomez3123
    @nielgomez3123 Před 4 měsíci

    Thanks! but how do you connect this to a database?

  • @trietminh7365
    @trietminh7365 Před rokem

    thanks you so m

  • @bhagyawanasinghe5632
    @bhagyawanasinghe5632 Před rokem +1

    I am using sublime text app to cording, my .js file isn't functioning well formOpenBtn= this text are shown as white text 😶

  • @rahulkharwar3577
    @rahulkharwar3577 Před 9 měsíci

    ❤❤❤

  • @Smurfis
    @Smurfis Před rokem

    I need a functional version of this with node

  • @user-pc9oi8ck7z
    @user-pc9oi8ck7z Před 5 měsíci

    Did you have teaching online course php with my sql ?

  • @barbinkrishelleannel.8311

    I Tried to practice your code sir but I have an error in addEventListener part. How can I fix it?

  • @ganeshgupta9692
    @ganeshgupta9692 Před rokem

    🤤Waoo

  • @sanfourgamer9362
    @sanfourgamer9362 Před rokem +2

    Where i can take source codes? I can't find a directly link

    • @user-pi4mo7do8t
      @user-pi4mo7do8t Před 4 měsíci +1

      this is artificial al...account there are many of them,

  • @qtn.gaming
    @qtn.gaming Před 4 měsíci

    Hello! Registration form & Registration form in HTML CSS & JavaScript how do I paste them on my blog!

  • @AbdulRehman-vk4mf
    @AbdulRehman-vk4mf Před rokem

    Bro! I need a button which can be used to stop and start an animation on its click.
    Can you make this for me .Please
    I will thank alot to you...😍😍😍

  • @Manamir1995
    @Manamir1995 Před rokem

    perfect

  • @BanafsaEshalbeautifulshots

    how can it take the user to the main website after login or sign up. pls show us

    • @MR_CIQ
      @MR_CIQ Před rokem

      You will need a back-end function.

  • @user-co9zs6my5p
    @user-co9zs6my5p Před rokem +6

    I'm going to watch all the videos so comment 1 in advance

  • @BasuleqOfficial
    @BasuleqOfficial Před 3 hodinami

    Can I ask for the code? My hobby is playing with things like this

  • @danielpsrb
    @danielpsrb Před 11 měsíci +1

    is this website responsive?

  • @DineshKumar-hg8cj
    @DineshKumar-hg8cj Před rokem

    make a complete responsive blog website

  • @sunnymeghrajani8776
    @sunnymeghrajani8776 Před 6 měsíci

    Can i get this form background image 😁

  • @user-bu3oq4eh5q
    @user-bu3oq4eh5q Před 2 měsíci

    In script.js I am getting an error
    pwShowHide.forEach((icon)=>{
    In this it's showing has
    pwShowHide.forEach is not a function

  • @syedsadiqarts
    @syedsadiqarts Před rokem

    11:22

  • @fsafiri2488
    @fsafiri2488 Před 7 měsíci

    source file ?

  • @williamsusa5067
    @williamsusa5067 Před rokem +8

    What is the fastest way to learn Javascript?

    • @MeiLinFjellstad-oe2cc
      @MeiLinFjellstad-oe2cc Před rokem +8

      Learning through books that have interactive content and exercises. It was what worked for me. With those you practice while you learn is easier to remember what you just learned. I learned with:
      "Programming Not Painfully Boring" and "Eloquent Javascript".
      Best of luck

    • @CodingLabYT
      @CodingLabYT  Před rokem

      Keep learning keep practicing.

    • @kaurmanjot
      @kaurmanjot Před rokem

      ​@@MeiLinFjellstad-oe2cc can you suggest something to learn CSS

    • @MR_CIQ
      @MR_CIQ Před rokem +1

      There's no fastest way to learn Js, you just got to keep learning and practicing.

  • @starlightshow2450
    @starlightshow2450 Před rokem

    Why is it if I add link to another page to my form it will not be responsive ?

    • @user-pi4mo7do8t
      @user-pi4mo7do8t Před 4 měsíci +1

      artificial al...account there are many of them,

  • @IGNT_
    @IGNT_ Před 11 měsíci

    When a user uses this form, how do we save user input ? Kindly add them in your future videos.

    • @WorldInOne-po2dd
      @WorldInOne-po2dd Před 11 měsíci +1

      Then instead of html, code the page in php to connect it with database

    • @IGNT_
      @IGNT_ Před 11 měsíci

      @@WorldInOne-po2dd thank you very much . I just checked your profile. Are you from Africa ?

  • @junweiteow5830
    @junweiteow5830 Před 8 měsíci +1

    The exit button could not be seen for the website

    • @user-pi4mo7do8t
      @user-pi4mo7do8t Před 4 měsíci +1

      artificial al...account there are many of them,

  • @user-pj9le9ke8c
    @user-pj9le9ke8c Před 7 měsíci

    can you please share the source code.

  • @Jay_domain_hub
    @Jay_domain_hub Před 7 měsíci

    can you please share the source code

  • @user-gu9je6bg7k
    @user-gu9je6bg7k Před rokem

    When I used the code on your website, it didn't work. It keeps showing a blank page when I run it

    • @CodingLabYT
      @CodingLabYT  Před rokem +1

      Then you can download all the source code file by clicking on the download button.

  • @Coding-with-pluxas
    @Coding-with-pluxas Před rokem

    I was thinking how to create a custom side

    • @CodingLabYT
      @CodingLabYT  Před rokem

      Here is the tutorial - czcams.com/video/dEdwDijoceY/video.html

  • @_akosua_antwi
    @_akosua_antwi Před 4 měsíci

    Can we have the source code?

  • @M1thuL
    @M1thuL Před 3 měsíci

    can u provide source code pls

  • @Countdownseries193
    @Countdownseries193 Před rokem +1

    ❤❤❤❤❤❤❤❤❤❤❤❤❤❤I LIKE YOU SIR❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @Countdownseries193
    @Countdownseries193 Před rokem +1

    Sir this code is not available on your website

  • @RahulKumar-ep1vt
    @RahulKumar-ep1vt Před rokem

    source code please 🥺

    • @CodingLabYT
      @CodingLabYT  Před rokem

      It will be provided soon. Thank you for the patience

    • @RahulKumar-ep1vt
      @RahulKumar-ep1vt Před rokem

      @@CodingLabYT Thanku sir for this quick reply ❤️❤️

    • @yluketa2604
      @yluketa2604 Před rokem

      @@CodingLabYT Hello, I really like your videos, they help me a lot... I like to write all the lines of code, but I can't find my mistake, I'll need to copy the code, but I can't find it on your website, will you post it soon? thank you so much

  • @trietminh7365
    @trietminh7365 Před rokem

    login button not working and i don't know why

    • @CodingLabYT
      @CodingLabYT  Před rokem

      You can take source code form my website.

  • @wasimakram8496
    @wasimakram8496 Před rokem

    You have taken to much time for css

    • @CodingLabYT
      @CodingLabYT  Před rokem

      It will help to follow all the steps step by step

    • @user-co9sp8ki2e
      @user-co9sp8ki2e Před rokem

      Không có bao nhiêu thời gian qua tôi khoảng 20phut thôi bạn ạ tôi là nguyên văn hoàng tất cả là tuyệt tác của mình đã làm đó 2017~2018