How To Make Login Form With Password Toggle In HTML CSS JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 พ.ย. 2024

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

  • @OPGAMER.
    @OPGAMER. 5 ปีที่แล้ว +4

    You can add even Hover affect to the Button. Then it looks more beautiful..👌👌💐💐

    • @raajpateriya5269
      @raajpateriya5269 4 ปีที่แล้ว +2

      Some technical site don't look good in hover it's look like game buttons, simple is best

  • @Sirg17x
    @Sirg17x 2 ปีที่แล้ว +17

    Now for the real question. The login page looks great, but how do you create a database for possible users? I would like to use the login slash screen for a site that has a set number of users and blocks out others from accessing the site. The plan is to create a site that holds company training material for new hires. Corporate feels better about the idea if the site isn't completely open to anyone who runs across it.

  • @muhammadhammad9588
    @muhammadhammad9588 4 ปีที่แล้ว +7

    brother its awsome
    can u please demostrate that how we can add user ids and thier passwords to it

  • @aarushirajput7821
    @aarushirajput7821 ปีที่แล้ว

    aaj kam aaya bhai ye video 😍😍 thanks❤❤

  • @NaturesLifeLessons
    @NaturesLifeLessons 3 ปีที่แล้ว +3

    Thanks a lot. Your tutorials are always simple and straight forward

  • @sosobobo8157
    @sosobobo8157 2 ปีที่แล้ว +1

    thanks but get a checkmark man
    you're great and helpful

  • @rahulannarayan
    @rahulannarayan 2 ปีที่แล้ว

    Superb......Loved It.........Clear and Concise

  • @photoinshot1355
    @photoinshot1355 4 ปีที่แล้ว +3

    Another great tutorial, thanks! I notice that changing the place holder text to white works in most browsers but not Microsoft Edge. All the work arounds I have found online and tried have failed any ideas?

  • @purvarajeshirke528
    @purvarajeshirke528 3 ปีที่แล้ว +6

    This is so easy and useful tysm sir ,😊

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Thanks Purva, Glad you like this tutorial

  • @mandeepgupta6577
    @mandeepgupta6577 2 ปีที่แล้ว

    simple and easy after watch this video one like from me :)

  • @Mudi2783
    @Mudi2783 ปีที่แล้ว

    At first I couldn't figure out why, when I click the 👁 the other eye was still showing... One hour later I finally found out that in stead of z.style.display = "none"; I typed z.style.display - "none";😂 I replaced the equal sign with a dash🥲 But anyway, thank you sir for this wonderful expenation!🙏

    • @GreatStackDev
      @GreatStackDev  ปีที่แล้ว

      yeah this type of typo happens with all of us.

  • @snehaas8460
    @snehaas8460 4 ปีที่แล้ว

    Thanks Easy tutorials.. I have learnt a lot from your tutorials... Great job.. keep going

  • @low_scarlet
    @low_scarlet 2 ปีที่แล้ว

    you from india?, indian programer is amazing

  • @panagiotiskoligas9631
    @panagiotiskoligas9631 4 ปีที่แล้ว

    solved!!! if(x=="text")
    i should write if(x.type=="text")
    ...thanks a lot!!!

  • @ourcore
    @ourcore 3 ปีที่แล้ว +4

    A better approach would be to toggle the fa-eye and fa-eye-slash classes on the same element, that way you have to worry about and load less mark-up

  • @puranchandralohar
    @puranchandralohar 2 ปีที่แล้ว

    Wow ..as per your name , Easy tutorial . Really it's easy 🙏🙏

  • @abhisharma3299
    @abhisharma3299 3 ปีที่แล้ว +1

    Thanks buddy! I'm here for eye-slash activation and finally activated ♥️

  • @TheSpiritof76
    @TheSpiritof76 5 ปีที่แล้ว +2

    Thank you for making all these videos!

  • @iskanderghassankhaleel1464
    @iskanderghassankhaleel1464 ปีที่แล้ว

    thanks this tutorial is very usefull

  • @chaitanyashree5148
    @chaitanyashree5148 5 ปีที่แล้ว

    Sir, plz try to add a video based on CSS tutorial . It is very easy to learn from your videos .

  • @gowthamthangavel
    @gowthamthangavel 3 ปีที่แล้ว

    Excellent👌 explained easily without any confusion. I have a doubt on using get and post method in html, password will be displayed in url. How to hide it? How do I give ssl to my application? Please reply me..

  • @NaveenReddy-is1cw
    @NaveenReddy-is1cw 4 ปีที่แล้ว

    very good explanation sir.i want this only sir.thank u

  • @agayanuvigodsway5958
    @agayanuvigodsway5958 3 ปีที่แล้ว

    Great tutorial; I want to create a user account for all my user. I mean all my users that have registered to my cite to log in with their registered password and usernames with the help of html css and javascript.

  • @OPGAMER.
    @OPGAMER. 5 ปีที่แล้ว +5

    This is what I want.
    Thanks Easy Tutorials.

  • @mandeepgupta6577
    @mandeepgupta6577 2 ปีที่แล้ว

    this channel grow fast in future

  • @jesusloaiza3032
    @jesusloaiza3032 4 ปีที่แล้ว

    Such a great teacher you are!!!

  • @shashisaini5845
    @shashisaini5845 4 ปีที่แล้ว

    Thanks, easy tutorial, it is very easy to understand, Very Helpful

  • @vinayshenoy9896
    @vinayshenoy9896 2 ปีที่แล้ว

    thank you helped me a lot

  • @stanleyoranulu4041
    @stanleyoranulu4041 2 ปีที่แล้ว +2

    Please, how can you set a maximum of password number with a prompt message that if it is not up to the required number it reads maybe “password must be 8 characters “
    And how do you link it immediately to another page once you click on the login successfully. Thanks

  • @renders1629
    @renders1629 2 ปีที่แล้ว

    Nice and easy explanation 👍

  • @danutzz8
    @danutzz8 3 ปีที่แล้ว

    Thanks man...very helpful, exactly what i was looking for...cheers! top man! :)

  • @it154-sonineel9
    @it154-sonineel9 3 ปีที่แล้ว

    Superb...Thank you very much.

  • @arina_services
    @arina_services 2 ปีที่แล้ว

    thanks for every thing. your tutorials are all wow. but how do i display user input content like posts in html. how do is make a post section like that of facebook or instagram or twitter? and 2 how to make a chat section. important sir.

  • @marienixon148
    @marienixon148 3 ปีที่แล้ว

    Brilliant, thank you! Subscribing!

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

    Excellent bro

  • @jimmyhuang8382
    @jimmyhuang8382 5 ปีที่แล้ว

    Thank you from China!

    • @dex4755
      @dex4755 4 ปีที่แล้ว

      Does your website has corona?

    • @BangBoy1
      @BangBoy1 4 ปีที่แล้ว

      @@dex4755 lool

  • @mxd009
    @mxd009 ปีที่แล้ว

    this is really informative, however, having an issue with getting the password to show. nothing happens when i click on the eye, I also added a checkbox with the same onclick and password still doens't show. hoping theres an easy fix?

  • @ITSMETHANMAY
    @ITSMETHANMAY ปีที่แล้ว

    Can i do it in pycharm

  • @suraksha7841
    @suraksha7841 3 ปีที่แล้ว

    Thank you for this amazing tutorial.

  • @ttwhyy
    @ttwhyy 2 ปีที่แล้ว

    Thanks for the video. Pls, the hide/show PW option is not working for me atm. Kindly advise

  • @savala2472
    @savala2472 2 ปีที่แล้ว

    thank you bro, you help me so much :)

  • @jassimilksociety403
    @jassimilksociety403 2 ปีที่แล้ว

    Please make full tutorial on the login here how to login button work please make full tutorial of

  • @usama57926
    @usama57926 5 ปีที่แล้ว +1

    it is very helpfull

  • @fer5nando360
    @fer5nando360 4 ปีที่แล้ว

    Gracias mi hermano Indu.
    Un hechizo simple pero inquebrantable 😁🙏🏼

  • @mr.vijay1
    @mr.vijay1 4 ปีที่แล้ว +1

    Hiw to create "Password Input Box" with following conditions?
    1. Password must contain at least one "Special Charactet".
    2. Password must contain at least one "Capital Letter".
    3. Password must contain at least one "Numerical Letter".
    Please make a new video on this topic.

    • @raajpateriya5269
      @raajpateriya5269 4 ปีที่แล้ว

      U can see this same topic on mysirg. Com or mysirg php mysql channel

    • @anirudhsrinivas3544
      @anirudhsrinivas3544 2 ปีที่แล้ว

      use regEx for form validations like this

  • @MdMasum-mk9ss
    @MdMasum-mk9ss 3 ปีที่แล้ว

    Thank you so much brother

  • @ryan.t5059
    @ryan.t5059 3 ปีที่แล้ว +1

    hi, how do i make the login and password functions work? e.g. store passwords and user ids

  • @usama57926
    @usama57926 5 ปีที่แล้ว +1

    thank u so much sir

  • @mdrafi2648
    @mdrafi2648 ปีที่แล้ว

    tnx a lot for the tutorial its work but the e-mail, key and the password hiden icons are not showing to me why??

  • @manasbaral1388
    @manasbaral1388 4 ปีที่แล้ว +1

    can u please tell me how to validate both email and phone no in one field on signin boton

  • @georgemandolfo4562
    @georgemandolfo4562 2 ปีที่แล้ว

    Now, if i wanted to have a username and password to use how would i create those? and how can i make the "log in" button functional to the point where it takes me to what i want to show?

  • @sihabportal8623
    @sihabportal8623 5 ปีที่แล้ว

    thanks bro you are cool designer.

  • @sayidinaahmadalqososyi9770
    @sayidinaahmadalqososyi9770 3 ปีที่แล้ว +1

    thanks buddy

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Thanks Sayidina for your comment

  • @mahanthkumarguttikonda8379
    @mahanthkumarguttikonda8379 ปีที่แล้ว

    What is the best way to learn JavaScript bro

    • @GreatStackDev
      @GreatStackDev  ปีที่แล้ว

      buy making mini project using JavaScript: th-cam.com/video/XZSQyIenYlk/w-d-xo.html

  • @dev.overlord
    @dev.overlord 5 ปีที่แล้ว

    hey!!! you are great... thanks

  • @sammy3858
    @sammy3858 4 ปีที่แล้ว

    Nice and easy.

  • @arunaravind571
    @arunaravind571 4 ปีที่แล้ว

    Great job brother

  • @themotivationhouse1190
    @themotivationhouse1190 2 ปีที่แล้ว

    Can you make a tutorial how to store login information

    • @GreatStackDev
      @GreatStackDev  2 ปีที่แล้ว +1

      here is the tutorial to make login and registration function using HTML and MySQL: th-cam.com/video/NXAHkqiIepc/w-d-xo.html

  • @issaissifou3579
    @issaissifou3579 3 ปีที่แล้ว

    Thank you!

  • @old100
    @old100 3 ปีที่แล้ว +1

    شكراً ❤❤

  • @MuhammadAdnan-gx6rd
    @MuhammadAdnan-gx6rd 5 ปีที่แล้ว

    Will you teach us #Jquery with practical example ?

  • @vahidazizitaeie6933
    @vahidazizitaeie6933 5 ปีที่แล้ว

    thank you for making videos

  • @lucasalamone9760
    @lucasalamone9760 2 ปีที่แล้ว +1

    5:32 what's the purpose of the keyword "input" ?

  • @yerraguntlaharish4109
    @yerraguntlaharish4109 5 ปีที่แล้ว +3

    can u explain me how to redirect to another page when we the click the login button

    • @panagiotiskoligas9631
      @panagiotiskoligas9631 4 ปีที่แล้ว

      Or you can write inside your button tag some js!:onclick="Location("url goes here");"

  • @tejaswini8032
    @tejaswini8032 3 ปีที่แล้ว

    after putting both input-box it doesnt change something worng is happening and i cant figure it out would help me plese reply soon.

  • @bhaluu2017
    @bhaluu2017 ปีที่แล้ว

    I have a question mjhy yh form box right side pr krna hai apne page k tau kaise kro plz help me

  • @Excel365-Rn
    @Excel365-Rn 2 ปีที่แล้ว

    How we can jump another sheet if password and username are matched
    Please reply

  • @khalidkody226
    @khalidkody226 5 ปีที่แล้ว

    Nice work buddy👍

  • @jdjdkdfjodk
    @jdjdkdfjodk 2 ปีที่แล้ว

    Sorry shall you tell me what softwork you used cuz I don’t know how to begin please sir

    • @GreatStackDev
      @GreatStackDev  2 ปีที่แล้ว

      brackets editor, learn more here: th-cam.com/video/88Xb1fhst2I/w-d-xo.html

    • @jdjdkdfjodk
      @jdjdkdfjodk 2 ปีที่แล้ว

      @@GreatStackDev thank you so much

  • @aditi_ramola
    @aditi_ramola 3 ปีที่แล้ว

    Can we make it through notepad

  • @sapmation
    @sapmation 3 ปีที่แล้ว +1

    It works!!!

  • @emekatimothyiloba699
    @emekatimothyiloba699 2 ปีที่แล้ว

    Thanks

  • @parmarkirtan671
    @parmarkirtan671 2 ปีที่แล้ว

    Which software is this? ☹️🙁

  • @kailashgupta4500
    @kailashgupta4500 5 ปีที่แล้ว

    Make a video on how to make live comment box in PHP

  • @rodo19724
    @rodo19724 3 ปีที่แล้ว

    hi! how can i use this, with wemos d1r1, in order to light a led through internet, with password, i mean, first enter password, then light my house light from a distance? thank you !

  • @markjoshuasantiago8133
    @markjoshuasantiago8133 2 ปีที่แล้ว

    What time isa the Js?

  • @kartikgupta2160
    @kartikgupta2160 ปีที่แล้ว

    Sir square boxes are showing in the place of icons for envelope, key and eyes. Please help me🙏

  • @kuldeepsingh-gi6en
    @kuldeepsingh-gi6en 5 ปีที่แล้ว

    Nice video,.

  • @recentupdates4247
    @recentupdates4247 2 ปีที่แล้ว

    Sir, log in or sign in button ka use krte hai to hmare pas koi mail to aati hi nhi h

  • @invincibleui2809
    @invincibleui2809 4 ปีที่แล้ว +1

    Hi bro how to join login page to another HTML page

  • @divyab5858
    @divyab5858 2 ปีที่แล้ว

    How to contact am looking for few turorials

  • @familiasousaesousa
    @familiasousaesousa ปีที่แล้ว

    Perfect

  • @victorr8092
    @victorr8092 5 ปีที่แล้ว

    Thank you

  • @NazirAnsari-bm2ip
    @NazirAnsari-bm2ip ปีที่แล้ว

    hello sir how to use j query and react.js

  • @afraraniyayasser8387
    @afraraniyayasser8387 4 ปีที่แล้ว

    hi! if i want the form box other color, for ex, white, what code should i input?

    • @sulfurpigeon41
      @sulfurpigeon41 3 ปีที่แล้ว

      I know your comment is before a year, but if you still somehow don't know so in "style.css" put in the body section color: white;

  • @GautamKumar-wx3sm
    @GautamKumar-wx3sm 3 ปีที่แล้ว

    how to get those icons without including external links. I'm asking for project purpose and it's gonna be offline and totally made by me. I don't want external code, just help me know how to get that con without including external css.

  • @aakritisharma3971
    @aakritisharma3971 3 ปีที่แล้ว +1

    Hey ..my function in script :- y.style.display ..not works ..do you know the alternate code for to run it

    • @GreatStackDev
      @GreatStackDev  3 ปีที่แล้ว

      Please share me your code so that i can check where is the issue. email [avinashdm@outlook.com]

  • @archanchamarthi6568
    @archanchamarthi6568 4 ปีที่แล้ว +1

    Bro that hiding button is not working

  • @laitongarcia3065
    @laitongarcia3065 5 ปีที่แล้ว +5

    Muito bom. Parabéns 👏

  • @Indian_r761
    @Indian_r761 5 ปีที่แล้ว

    👍👍👍sir ji...

  • @Sirg17x
    @Sirg17x 2 ปีที่แล้ว

    Same html and same css code by the 3:47 mark. I have them linked, I believe. However my webpage still looks like the one at 2:10. I can only assume the .css file isn't communicating with the .html file.
    Nevermind the css file was being stuborn and would not save as such. It was saving as style.css.txt

  • @MukeshChauhan-lw1mu
    @MukeshChauhan-lw1mu 3 ปีที่แล้ว

    Sir how can publish the design website

  • @ShortsSpecial635
    @ShortsSpecial635 4 ปีที่แล้ว

    What is a website's please send me

  • @j4ck3
    @j4ck3 3 ปีที่แล้ว

    .fa-eye-slash{
    position: absolute;
    right: -1px;
    }

  • @vikasg1778
    @vikasg1778 4 ปีที่แล้ว +1

    When someone register or login then where the user data is saved and reviewed

    • @AdityaaChouksey
      @AdityaaChouksey 4 ปีที่แล้ว +1

      Nowhere it's an Sample Web Design

  • @Istudy.Ustudy.
    @Istudy.Ustudy. ปีที่แล้ว

    it didnt work for me those icons are not visible i followed each and every step of yours but still didnt get icons

  • @shitaljadhav5294
    @shitaljadhav5294 2 ปีที่แล้ว

    Could you help me , I want to write a code in CSS file like when I enter Aadhar number in text box that time first 8 digit show as * and last four as it is. Like(********1234)

  • @yukthayashuavirneni
    @yukthayashuavirneni ปีที่แล้ว

    Hai sir I don't get icons.

  • @joeltan914
    @joeltan914 4 ปีที่แล้ว

    Can you Send a Google Doc to Download coding

  • @injenerrobototexnik8631
    @injenerrobototexnik8631 3 ปีที่แล้ว +1

    email and key icons are hiding now