Passwortfeld mit Auge
Ein Passwortfeld mit Augen-Button; beim Anzeigen des Passworts verschwindet der Strich über dem Auge.
Einstellungen
Code
<label class="uv-ip"><input type="password" value="geheim123"><button type="button" aria-label="Passwort anzeigen"><svg viewBox="0 0 24 24"><path d="M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z"/><circle cx="12" cy="12" r="3"/><path class="sl" d="M4 4l16 16" pathLength="1"/></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 auf dem Handy. Diese Funktion zum Passwort anzeigen passt in jedes Login- oder Registrierungsformular, in die WLAN-Einrichtung eines smarten Geräts oder ins Kundenkonto eines Onlineshops. Tipp aufs Auge, der Strich zieht sich zurück und aus den Punkten wird Text. Ein paar Zeilen JavaScript übernehmen das Umschalten.
Am wichtigsten ist es bei der Registrierung, wo ein Tippfehler im neuen Passwort am meisten Ärger macht. Der Button hat außerdem eine versteckte Beschriftung für Screenreader, damit auch Leute, die das Auge nicht sehen, wissen, wofür er da ist.