Eingabefeld mit Unterstrich
Ein schlichtes Feld mit nur einer Linie; beim Fokus wächst ein Verlauf von der Mitte nach außen.
Einstellungen
Code
<label class="uv-il"><input placeholder="Dein Name"><i></i></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
Ein Eingabefeld mit Unterstrich hält die Seite aufgeräumt, deshalb mögen Designer es für kurze, elegante Formulare: das Feld „Dein Name“ bei einer Hochzeitszusage, das Kontaktformular im Portfolio einer Fotografin oder das E-Mail-Feld für den Newsletter eines Restaurants. Es gibt keinen Kasten, nur eine Haarlinie. Beim Klick breitet sich eine farbige Linie von der Mitte aus.
Manche erkennen eine einzelne Linie nicht als Feld, halte solche Formulare also kurz und eindeutig. Der Platzhalter verschwindet beim Tippen. Bei mehr als zwei Feldern gehört über jedes ein sichtbares Label.