1<div class="pw-wrap">2 <div class="pw-field">3 <label class="pw-label" for="pw-in">Passwort</label>4 <div class="pw-row">5 <input class="pw-input" id="pw-in" type="password" placeholder="••••••••">6 <button class="pw-toggle" type="button" aria-label="Passwort anzeigen" aria-pressed="false">7 <span class="pw-eye" aria-hidden="true"></span>8 </button>9 </div>10 </div>11</div>Keine Installation, kein Build-Step — reine Standards, sofort einsatzbereit.
Klicke oben auf „Code kopieren“ — HTML und CSS landen in deiner Zwischenablage.
Füge das Markup an der gewünschten Stelle deiner Seite oder Komponente ein.
Übernimm den <style>-Block bzw. die Klassen in deine Stylesheet-Datei.
Aus derselben Kategorie oder mit passenden Tags.
Melde dich an, um zu kommentieren.
Ein Eingabefeld mit schwebendem Label, das beim Fokussieren oder bei Eingabe elegant nach oben skaliert. Violetter Fokus-Ring, abgerundete Ecken und ruhige Bewegung im Dark-Theme.