Längerer Text
Ein Textfeld hat nur eine Zeile, und das ist für eine längere Nachricht zu wenig. Für Text, der mehrere Zeilen haben kann, verwenden wir das Element textarea (ein Textbereich).
Anders als input hat textarea ein schließendes Tag. Was wir zwischen die Tags schreiben, erscheint im Feld als vorausgefüllter Text. Für ein leeres Feld schreiben wir das schließende Tag also direkt hinter das öffnende. Das Attribut rows legt fest, wie viele Textzeilen das Feld anzeigt; der Nutzer kann trotzdem mehr schreiben.
<label for="eingabe-nachricht">Nachricht</label>
<textarea name="nachricht" id="eingabe-nachricht" rows="3"></textarea>Dieser Code wird so angezeigt:
So schreibst du es:
Anweisungen
- 1
Erstelle im leeren
diveintextarea-Element mit dem Attributnamemit dem Wertueber-michund dem Attributidmit dem Werteingabe-ueber-mich. - 2
Füge dem
textareadas Attributrowsmit dem Wert4hinzu, damit das Feld vier Zeilen anzeigt. - 3
Erstelle vor dem
textareaeinlabelmit dem InhaltÜber michund dem Attributformit dem Werteingabe-ueber-mich.