Formulare
Um mit Browser-Mitteln Inhalte an einen Server zu senden oder um Daten an den Browser zu geben, die wir mit JavaScript verarbeiten können, brauchen wir Formulare.
<form action="senden.html" id="person">
<label class="h2" form="person">Namenseingabe</label>
<label for="vorname">Vorname</label>
<input type="text" name="vorname" id="vorname" maxlength="30">
<label for="zuname">Zuname</label>
<input type="text" name="zuname" id="zuname" maxlength="40">
<button type="reset">Eingaben zurücksetzen</button>
<button type="submit">Eingaben absenden</button>
</form>
Typische Elemente eines Formulars sind:
- input (Eingabefeld)
- textarea (mehrzeilige Textfelder)
- button (Button, Schalter)
- select (Auswahllisten)
- option (Auswahllisten)
- optgroup (verschachtelte Auswahllisten)
- fieldset (Gruppierungen)
- label (Beschriftung für Eingabefelder)
Formulare lassen sich mit CSS gut mittels des Attribut-Selektors stylen:
input[type="text"] {
border: 1px solid #424242
}