Pokaż lub ukryj hasło - ikona lub tekstowy?

1. Jak pokazać i ukryć hasła za pomocą ikony oczu?
2. Jak ukryć znaki hasła w polu tekstowym?
3. Jak pokazać ukryte hasło w HTML?

Jak pokazać i ukryć hasła za pomocą ikony oczu?

Utwórz formularz logowania HTML z ikoną oczu

Przede wszystkim zaimportuj niesamowity arkusz stylów czcionek na stronę formularza HTML. Użyj tagu <ja> Aby wyświetlić ikonę oka. Ta ikona jest również znana jako ikona oczu widoczności. Użyj poniższych CSS, aby umieścić ikonę oka na końcu pola tekstowego hasła.

Jak ukryć znaki hasła w polu tekstowym?

<wejście type = "hasło" >

są wyświetlane, gdy wprowadzono hasło. W ten sposób wprowadzone znaki są maskowane lub ukryte. Aby stworzyć pudełko tekstowe, które może ukryć wprowadzone znaki, atrybut typu <Wejście> element powinien być ustawiony na „hasło."

Jak pokazać ukryte hasło w HTML?

Zobacz hasła za Asterisk w Google Chrome

Kiedy edytor HTML otwiera się, poszukaj pola Input Type = „Hasło” i zmień „hasło” na „tekst” i naciśnij Enter, aby zapisać. Łatwym sposobem na znalezienie tego wiersza kodu jest naciśnięcie Ctrl + F i typu: hasło w polu wyszukiwania i strzałka. Masz to!