HTML: Textarea erstellen – So gehts


Eine Textarea zu Deutsch Textbereich ist ein Feld in HTML wo der Benutzer einen Text eingeben kann der mehrere Zeilen oder auch nur eine lang sein kann. Wie du eine Textarea in HTML erstellen kannst zeige ich dir in diesem Beitrag.

Textarea mit einer Zeile

<textarea name="text1" rows="1" placeholder="Text hier eingeben:">test</textarea>

Ergebnis

Das ist dann das Ergebnis für dein erstes Textarea Feld. Der Placeholder ist ein Platzhalter der dem Benutzer Anweisungen gibt was zu tun ist. rows=“1″ in den Fall nur eine Zeile.

Textarea mit mehreren Zeilen

Dies is eine Textarea über mehrere Zeilen. Dazu musst du nur aus rows=“1″ beispielsweise rows=“4″ machen.

<textarea name="text1" rows="4" placeholder="Text hier eingeben:">test</textarea>

Ergebnis

Attribute einer Textarea (Textbereich)

AttributWertBeschreibung
autofocusautofocusGibt an, dass ein Textbereich beim Laden der Seite automatisch den Fokus erhalten soll
colsnumberGibt die sichtbare Breite eines Textbereichs an
dirnametextareaname.dirGibt an, dass die Textrichtung des Textbereichs übermittelt wird
disableddisabledGibt an, dass ein Textbereich deaktiviert werden soll
formform_idGibt an, zu welcher Form der Textbereich gehört
maxlengthnumberzulässige Zeichen im Textbereich
nametextGibt einen Namen für einen Textbereich an
placeholdertextGibt einen kurzen Hinweis an, der den erwarteten Wert eines Textbereichs beschreibt
readonlyreadonlyGibt an, dass ein Textbereich schreibgeschützt sein soll
requiredrequiredGibt an, dass ein Textbereich erforderlich ist/ausgefüllt werden muss
rowsnumberGibt die sichtbare Zeilenanzahl in einem Textbereich an
wraphard
soft
Gibt an, wie der Text in einem Textbereich umbrochen werden soll, wenn er in ein Formular gesendet wird

Jetzt HTML lernen

Weitere Beiträge zu HTML

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!

Das könnte dich interessieren!




weitere Beiträge zum Thema HTML


CSS: drop-shadow(): So gehts


HTML: ✉️ Mailto einfügen – So gehts!


HTML: Placeholder Input Feld


CSS in HTML einbinden – So gehts!


HTML: Video einbinden – So gehts


HTML: Neue Zeile einfügen – So gehts!


Was ist PHP? Einfach erklärt


PHP: „Hello World“ schreiben Tutorial


WordPress Video einbinden: So gehst!


WordPress auf PHP 8 umstellen – So gehts!


HTML: !DOCTYPE – Declaration


Welcher Browser unterstützt HTML5?


HTML: Link erstellen – Hyperlink erstellen


WordPress: Backend aufrufen – So gehts


HTML: Blocksatz erstellen – So gehts!


HTML: Javascript in HTML einbinden


HTML: Wort durchstreichen – So gehts!


HTML: Text einrücken – So gehts!


Lorem Ipsum: Bedeutung & Übersetzung


PHP: trim(): Zeichen von beiden Seiten entfernen


Schreibe einen Kommentar