Mitwachsendes Textfeld
Startet einzeilig, wächst mit jeder neuen Zeile mit, und der Fokusring atmet dabei sanft.
Einstellungen
Code
<label class="uv-in2gr"><textarea rows="1" placeholder="Erzähl mir etwas …"></textarea></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 Textfeld, das beim Schreiben mitwächst, wirkt leichter als ein großes leeres Rechteck, und man fängt eher an. Gute Plätze dafür: das Kommentarfeld unter einem Blogartikel, das Nachrichtenfeld eines Support-Chats oder die Anmerkungen in einem Buchungsformular. Eine Auto-Resize-Textarea in HTML und CSS mit ein paar Zeilen JavaScript.
Am besten eignet es sich für kurze bis mittlere Nachrichten. Bei langen Texten wie einem Anschreiben oder einer ausführlichen Reklamation starte lieber mit einem höheren Feld, damit die Seite beim Tippen nicht ständig springt.