<input type="text"> ist nur für eine einzige Zeile Text gedacht. Für längere Texte, wie eine Nachricht in einem Kontaktformular, gibt es <textarea>.

Das <textarea>-Element

Anders als <input> ist <textarea> kein selbstschließendes Element - es hat einen öffnenden und einen schließenden Tag, und der Startwert steht (falls gewünscht) als Text dazwischen, statt in einem value-Attribut:

<label for="nachricht">Deine Nachricht:</label><br>
<textarea name="nachricht" id="nachricht" rows="5" cols="40"></textarea>

rows und cols steuern die sichtbare Größe: rows ist die Anzahl sichtbarer Textzeilen, cols die ungefähre Breite in Zeichen. Anders als bei einem einzeiligen <input> kann der Nutzer in einem <textarea> mit der Enter-Taste tatsächlich neue Zeilen erzeugen.

Das label-Prinzip noch einmal zusammengefasst

Du hast <label> jetzt schon mehrmals benutzt. Fassen wir die Regel noch einmal klar zusammen, weil sie so wichtig ist:

1. Jedes Eingabefeld bekommt eine eindeutige id.
2. Das zugehörige <label> bekommt ein for-Attribut mit exakt demselben Wert wie diese id.
3. Ergebnis: Ein Klick auf das Label aktiviert (oder fokussiert) automatisch das zugehörige Feld.

Das Nachrichtenfeld hinzufügen

Erweitere Finns Kontaktformular um ein Nachrichtenfeld:

<form>
  <p>
    <label for="vorname">Dein Vorname:</label><br>
    <input type="text" name="vorname" id="vorname" required>
  </p>

  <p>
    <label for="email">Deine E-Mail:</label><br>
    <input type="email" name="email" id="email" required>
  </p>

  <p>
    <label for="nachricht">Deine Nachricht:</label><br>
    <textarea name="nachricht" id="nachricht" rows="5" cols="40"></textarea>
  </p>
</form>