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:

Formulare lassen sich mit CSS gut mittels des Attribut-Selektors stylen:

input[type="text"] {
    border: 1px solid #424242
}