How To Make A Website With Login And Register | HTML CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 13 май 2023
  • How to Make a Website with Login and Register, How to Create a Website with Login and Register, How to Make Website with Login, How to Create a Website with Login and Password, How to Create a Website Login Page in HTML, How to Make Website Login Page, Website with Login and Registration HTML CSS & JavaScript
    This video shows how to create a login and register form using HTML CSS and JavaScript.
    With really cool Animated login form effects.
    You can be able to switch between those forms with button one the navigation bar.
    How to Make Website Login Page, Website with Login and Registration HTML CSS & JavaScript,
    How to Make a Website with Login and Register, How to Create a Website with Login and Register, How to Make Website with Login, How to Create a Website with Login and Password, How to Create a Website Login Page in HTML.
    Download the code on: www.ludiflex.com/how-to-creat...
  • НаукаНаука

Комментарии • 124

  • @mr.syconium
    @mr.syconium Год назад +3

    Op (outstanding performance)Nice Bro Love You

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

      Thank you 🙏 so much

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

      Just help this channel grow,
      Sharing my videos will be the greatest support

  • @Krishnaedit-hl3yw
    @Krishnaedit-hl3yw 13 дней назад

    This very well understandable!

  • @pradeepvanahalli2279
    @pradeepvanahalli2279 11 месяцев назад +1

    really a very helpful vided

    • @ludiflex
      @ludiflex  10 месяцев назад

      Thanks
      I'm glad you liked it

  • @the.nthaaaa
    @the.nthaaaa Год назад +3

    I really liked the design . Very excellent

    • @the.nthaaaa
      @the.nthaaaa Год назад +1

      However I really messed it up I’m new to html & css and I’d really appreciate the code for this please 😊

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

      Thanks a lot

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

      Yes, Now the issue is resolved.
      Check the link in the description.

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

      Yes, Now the issue is resolved.
      Check the link in the description.

    • @the.nthaaaa
      @the.nthaaaa Год назад +1

      @@ludiflex super thanks

  • @chaitanyareddy1143
    @chaitanyareddy1143 Год назад +6

    Excellent bro❤❤

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

      Thanks 👍

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

      Thanks 👍

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

      Just help this channel, grow by sharing my videos, that will be a great support.

  • @a2motivationalspeaker648
    @a2motivationalspeaker648 11 месяцев назад +1

    It was helpful 😊 thanks bro

    • @ludiflex
      @ludiflex  11 месяцев назад +1

      My pleasure

  • @cyberpunknawab786
    @cyberpunknawab786 4 месяца назад +1

    Amazing ❤Thanks bro.

    • @ludiflex
      @ludiflex  4 месяца назад

      Thank you too

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

    🎉 nice 👍👍 job

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

      Thank you 👍

  • @aminansarimehr9464
    @aminansarimehr9464 Год назад +4

    It's very good and useful for me. thank you very much 🙏

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

      I'm grad, you liked it

  • @gamingwithhippo
    @gamingwithhippo 2 месяца назад

    Love you Bro😁😁😁😁

  • @jyotiradityasingh7368
    @jyotiradityasingh7368 5 месяцев назад

    thank you bro

  • @youssefammar1794
    @youssefammar1794 7 месяцев назад +1

    thanks for your effort myboy

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

      Thank you too

  • @jovieslabra3444
    @jovieslabra3444 3 месяца назад

    Thanks man

  • @ayinamorganda6021
    @ayinamorganda6021 2 месяца назад

    thank you❤

  • @Deepak.KMaharana
    @Deepak.KMaharana Месяц назад

    the way of your id Excellent bro 👌

  • @christianjayraguindin79
    @christianjayraguindin79 8 месяцев назад +1

    you deserve a sub!

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

      Thank you 🙏

  • @user-yv7jq7xf4y
    @user-yv7jq7xf4y 2 месяца назад +1

    Hi i cant get the sign up and sign in to dived into two

  • @the.nthaaaa
    @the.nthaaaa Год назад +1

    Thanks

  • @SubashRai-wc4lk
    @SubashRai-wc4lk 15 дней назад

    It would be awesome if you explain by voice also. Anyway it's a fantastic job .

    • @ludiflex
      @ludiflex  14 дней назад

      Thank you. Yeah in the videos that I'm preparing , I will be using voice to explain

  • @leonardigweokolo2813
    @leonardigweokolo2813 4 месяца назад

    Do you normally work this fast or did you speed the video up. I'm just starting so I need to know if this is how I should be working.
    Also how did you manage to put 2 class name in one class: class="link active" and it still worked as separate. I really want to understand this. Thank you and cheers!

    • @ludiflex
      @ludiflex  4 месяца назад

      You can write code the way you are able speed doesn't matter. On the class yes you can put two classes in one attribute and it is commonly used.

    • @leonardigweokolo2813
      @leonardigweokolo2813 4 месяца назад

      @@ludiflex OK. Thanks

  • @user-uq6ok8qq6n
    @user-uq6ok8qq6n 7 месяцев назад

    well done

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

      Thank you 👍

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

    🤧Thank You Bro

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

      Glad you liked it

  • @JuniorCoderAdam
    @JuniorCoderAdam Месяц назад

    i am so good with you

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

    I'm having issues with form with many inputs fields, the header is being overlaped with the navbar, can you help me?

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

      Increase the top margin.
      And see if the problem is solved!

    • @ShahidulIslam-xv4bz
      @ShahidulIslam-xv4bz 7 месяцев назад

      can i get the source code?

  • @DwagVille
    @DwagVille Месяц назад

    it's nice put the css code for the form it's difficult the forms do not display like yours

    • @ludiflex
      @ludiflex  Месяц назад

      Check in the description for the codes

  • @knightkrish369
    @knightkrish369 2 дня назад

    🎉

  • @MutesMarieclaire
    @MutesMarieclaire Месяц назад

    which way did he use to make that css style be connected to that other codes from index

  • @user-if2qh3on4f
    @user-if2qh3on4f 3 месяца назад

    Please where can I get the back ground image

  • @uaeupdate5529
    @uaeupdate5529 Месяц назад

    Hi, I have downloaded the the file, It not showing

  • @gauravupadhyay7269
    @gauravupadhyay7269 2 месяца назад

    I copied the code but it display local host 8080 error

  • @joelalexander1658
    @joelalexander1658 10 месяцев назад

    hola, disculapa como los puedo unir a la base de datos con msql

    • @ludiflex
      @ludiflex  10 месяцев назад +1

      I have a video about how to connect login form and the database
      Check it out. It will help you

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

    After complete form how to connect the databse like mongodb

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

      Hello,
      I have created the video on how to connect login with the database.
      You can check it on the channel

  • @DevlogBill
    @DevlogBill 5 месяцев назад

    I noticed at video(29:00) where you are putting the JavaScript for the functionality of the scroll for the sign up and login part. The button breaks after clicking the Login. I noticed you creating in your JavaScript code a small space in the element b.className = " white-btn";
    I did the same thing but it doesn't fix the issue the button remains broken.
    I am trying to fix this maybe there is a work around this? Thank you.

    • @DevlogBill
      @DevlogBill 5 месяцев назад

      Nevermind I figured it out! I put the += at the wrong location, sorry!

  • @havenesses
    @havenesses 8 месяцев назад +1

    How can you connect it to the database?

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

      Here is the video where i fully demonstrate how to connect to the database.
      ruclips.net/video/1zXqo2WcOew/видео.html

  • @skanderlandolsi6182
    @skanderlandolsi6182 3 месяца назад

    can i connect this with my database ? , if so can u tell me how to do that and thanks :))

  • @i.kingdom2273
    @i.kingdom2273 6 месяцев назад +1

    There is something in your codes i don't know why your first name and lastname in the same line and email in one line and password in one line my doesn't want to be like this they all come in the same line

    • @ludiflex
      @ludiflex  6 месяцев назад

      Check well if you have put firstname and last name in the same division

    • @i.kingdom2273
      @i.kingdom2273 6 месяцев назад

      No i putted each one in his division but they came align i don't know why how can i contact you for help , i appreciate your answer to my comment

  • @Study-ce3zl
    @Study-ce3zl Месяц назад

    doest it only log in if register id password is typed or any will work ?

    • @ludiflex
      @ludiflex  Месяц назад

      It can login or register but that functionality can work by integrating it with the backend

    • @Study-ce3zl
      @Study-ce3zl Месяц назад

      @@ludiflex sorry didn'T get that should i write code behind that ?

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

    So this can work on a website with no php?

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

      Yes, but it is only a static page

    • @vaxen6177
      @vaxen6177 Месяц назад

      ​@@ludiflexwhat is that mean

  • @hackergamingyt.
    @hackergamingyt. 9 месяцев назад +1

    Can I get the background image

    • @ludiflex
      @ludiflex  6 месяцев назад

      Check the link in the description

  • @Elijah_Tamara
    @Elijah_Tamara 6 месяцев назад +1

    Login part 12:47

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

    source code . ?
    i wanna use it

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

      Get the link in the description

  • @teamphoenixwarriors7414
    @teamphoenixwarriors7414 6 месяцев назад +1

    How can I get this images sir

    • @ludiflex
      @ludiflex  6 месяцев назад

      Check the link in the description

  • @cherrycharan-fk9kw
    @cherrycharan-fk9kw Год назад +3

    Bro keep the code link once again

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

      Check now,
      The issue is resolved

  • @ShahidulIslam-xv4bz
    @ShahidulIslam-xv4bz 7 месяцев назад +4

    brother ,i can't get the source code...in the link u provided where show me Account suspended. i want the source code of this video.... How To Make a Website With Modern Login and Register form using HTML, CSS & JavaScript

    • @ludiflex
      @ludiflex  7 месяцев назад +1

      Check the link is working now

    • @poulmbogo1770
      @poulmbogo1770 4 месяца назад

      Where i can get source of code

    • @prachidhiman3913
      @prachidhiman3913 2 месяца назад

      ​@@ludiflexwhere the source code link???

  • @user-iy2os7nr2c
    @user-iy2os7nr2c 2 месяца назад

    Bro can you provide the background image link for download

    • @ludiflex
      @ludiflex  2 месяца назад

      There is a link in the description

  • @yasotube
    @yasotube Год назад +4

    the link of the code isn't working .
    please fix it ❤❤

    • @ludiflex
      @ludiflex  Год назад +3

      Yes yes
      I'm sorry for that, I'm working on it.
      It will be solved really soon.

    • @yasotube
      @yasotube Год назад +3

      @@ludiflex No problem bro ❤

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

      Hello
      I don't know where you found an error. I think everything is clear.

    • @the.nthaaaa
      @the.nthaaaa Год назад +1

      Okay
      The link to the code is still not working 🥹

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

      Now the link is working properly.

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

    Form box is not getting aligned in the centre

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

      Check well if you have done it as it is in the beginning of the video.
      Especially on
      display: flex;
      Align-items: center;
      Min-height: 100vh;

  • @ayyildizerdem60
    @ayyildizerdem60 7 месяцев назад +1

    The source code is not working, can you send a new one?

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

      Check the link in the description, it is working

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

    how to connect with backend for this video

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

      I'm on it soon the video will be out

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

      how many days it will take sir i am waiting@@ludiflex

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

      @@ludiflexHi, is the backend connection video up please?

  • @DJRAFLI25
    @DJRAFLI25 5 месяцев назад

    Give me the js code if you click move, bro

    • @ludiflex
      @ludiflex  4 месяца назад

      Check on Ludiflex website, link is in video description

  • @In0lin
    @In0lin 11 месяцев назад +1

    Hi, why does required not work?

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

      It depends on how you write it.
      Try using any of these ways.

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

    first name last name are not side by side when i am working with it

    • @ludiflex
      @ludiflex  7 месяцев назад +1

      Check well if you did it as it is done in the video

  • @md.ramjanhassain7529
    @md.ramjanhassain7529 10 месяцев назад

    Hi!! my login and sign up swap button not working 😞😞😞

    • @ludiflex
      @ludiflex  10 месяцев назад

      Hello
      Check well in the video if the JavaScript is written as it is supposed to be written.

  • @khem3268
    @khem3268 Месяц назад

    you should speak

  • @KibirabWorkneh
    @KibirabWorkneh Месяц назад

    you fast

    • @ludiflex
      @ludiflex  Месяц назад

      Sorry, I will solve it