Suche mit tippendem Platzhalter
Der Platzhalter tippt Beispielsuchen Buchstabe für Buchstabe, löscht sie und beginnt mit der nächsten.
Einstellungen
Code
<label class="uv-in2t"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4.3-4.3"/></svg><input></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 leeres Suchfeld verrät nicht, wonach man suchen kann. Dieses zeigt es, indem es Beispiele tippt. Passt in den Hero eines Marktplatzes, einer Icon- oder Vorlagen-Bibliothek oder eines Hilfe-Centers: „Icons suchen…“, „Paletten suchen…“ und so weiter. Ein animierter Placeholder im Suchfeld, ein kleines Script übernimmt das Tippen.
Der laufende Text ist ein Hinweis, kein Label. Behalte also einen sichtbaren Titel oder einen zugänglichen Namen für das Feld. Nimm echte Suchen deiner Besucher und halte sie kurz, höchstens drei oder vier Wörter.