HTML Textarea Input Generator
Mehrzeiliges Texteingabefeld mit anpassbarer Größe.
Anwendung & Beispiele
rows bestimmt die Höhe in Zeilen, cols die Breite in Zeichen. Mit CSS-resize: vertical lässt sich die Größenänderung einschränken.
FAQ
Wie erlaube oder verbiete ich Größenänderung?
Per CSS resize: none, resize: vertical, resize: horizontal oder resize: both (Default). vertical ist meist die beste UX.
Was passiert mit Zeilenumbrüchen?
Mit wrap="soft" (Default) werden lange Zeilen visuell umgebrochen, aber als eine Zeile übermittelt. wrap="hard" erzeugt echte Zeilenumbrüche an den Bruchstellen — das Element braucht dann auch cols.
Wie setze ich einen Vorgabewert?
Den Text direkt zwischen Öffnungs- und Schluss-Tag schreiben: <textarea>Vorgabe</textarea>. Anders als bei <input> gibt es kein value-Attribut.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.