Formulare
In HTML-Seiten gibt es die Möglichkeit, Formulare einzubinden. Auf diesem Weg können zum Beispiel Einträge aus einer Liste gewählt, Texte eingegeben oder Auswahlfelder angeklickt werden. Mit Hilfe von Schaltflächen können die eingegebenen Daten zum Beispiel via E-Mail verschickt werden.
Formulare werden mit dem <form>-Element definiert. Wichtige Attribute sind:
action— Ziel der Daten, z.B. eine E-Mail-Adresse oder eine HTML-Seitemethod— HTTP-Methode:getoderpostenctype— Kodierung der Daten, z.B.text/plain
Tipp: Beim Programmieren empfehle ich, das selfHTML-Wiki zum Thema Formulare in einem zweiten Fenster geöffnet zu haben.
Beispiel 1: Eingabe von Personendaten
Das folgende Formular übergibt die eingegebenen Daten per method="get" an eine HTML-Seite.
Beispiel
Beispiel 1b: Versand via E-Mail
Mit action="mailto:" und method="post" können Formulardaten direkt per E-Mail verschickt werden.
Beispiel
Beispiel 2: Auswahlliste
Mit dem <select>-Element lässt sich eine Auswahlliste erstellen. Die einzelnen Optionen werden mit <option> definiert.
Beispiel
Beispiel 3: Checkboxen
Mit <input type="checkbox"> können mehrere Optionen gleichzeitig ausgewählt werden.
Beispiel