Passwort mit Strich-Auge
Ein Augen-Button zeigt das Passwort, und ein Strich über dem Icon macht klar, dass es sichtbar ist.
Einstellungen
Code
<label class="uv-in2p"><input type="password" placeholder="Passwort" value="secreto123"><button class="ey"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M2 12s3.8-6 10-6 10 6 10 6-3.8 6-10 6-10-6-10-6z"/><circle cx="12" cy="12" r="2.8"/><path class="sl" d="M4 20L20 4"/></svg></button></label>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Wofür du ihn nutzen kannst
Wer sieht, was er getippt hat, vertippt sich seltener, gerade am Handy. Nutze es für den Login einer App, beim Anlegen eines Kontos oder beim WLAN-Schritt in der Einrichtung eines Smart-Home-Geräts. Der Strich über dem Auge zeigt den Zustand eindeutig. Ein Passwortfeld mit Anzeigen-Button in HTML, CSS und etwas JavaScript.
Gib dem Augen-Button einen zugänglichen Namen wie „Passwort anzeigen“, damit Screenreader ihn vorlesen. Bei der Registrierung hilft ein kurzer Hinweis zu den Regeln mehr als eine Fehlermeldung nach dem Absenden.