Formulare & Eingaben

Formulare ermöglichen die Eingabe und Übertragung von Benutzerdaten. Sie sind die Basis für Login, Suche, Kontakt und vieles mehr.

1. Das <form>-Element

Ein Formular wird mit dem <form>-Element definiert. Es sammelt Eingaben und sendet sie an einen Server. 
<form action="/submit" method="post">
  ...
</form>

2. Wichtige Attribute

3. Input-Typen

HTML bietet viele spezialisierte Eingabetypen. 
<input type="text">
<input type="email">
<input type="password">
<input type="number">
<input type="date">
<input type="checkbox">
<input type="radio">

4. Label und Accessibility

Jedes Eingabefeld sollte ein <label> besitzen. 
<label for="email">E-Mail</label>
<input id="email" type="email">

5. Select und Optionen

<select name="land">
  <option value="de">Deutschland</option>
  <option value="ro">Rumänien</option>
</select>

6. Textarea

<textarea rows="4" cols="40"></textarea>

7. Clientseitige Validierung

HTML kann Eingaben ohne JavaScript validieren. 
<input type="email" required>
<input type="number" min="0" max="120">
<input type="text" pattern="[A-Za-z]+">
Clientseitige Validierung ersetzt keine serverseitige Prüfung.

8. Beispielformular

9. Zusammenfassung