HTML lernen (3): Formulare einbinden

Definition eines Formulars
Ein Formular wird im Body der HTML-Datei mit den Tags <form> und </form> definiert. Innerhalb einer HTML-Datei könen auch mehrere Formulare definiert werden, die jedoch nicht ineinander verschachtelt sein dürfen. Andere HTML-Tags wie <table>, <img src="xyz.gif">, <a href="test.html"> lassen sich innerhalb des <form>-Tags problemlos einsetzen.

Eingabefelder
Mit dem HTML-Tag <input> lassen sich verschiedene Eingabefelder definieren. Es ist kein End-Tag </input> erforderlich. Mit dem Attribut type können die Felder für unterschiedliche Aktionen eingesetzt werden.

Einzeilige Textfelder
Für Textfelder stehen mehrere Attribute zur Verfügung, mit denen sie genau definiert werden können.

Mehrzeilige Textfelder
Auch für mehrzeilige Textfelder stehen mehrere Attribute zur Verfügung, über die das Textfeld genau definiert werden kann.

Passwortfelder
<input type="password">
Definiert ein Passwortfeld.

Checkbuttons
Checkbuttons ermöglichen dem Benutzer ein schnelles Aus- oder Abwählen eines Feldes. In der Regel werden mehrere Felder gruppiert, aus denen der Benutzer dann eine Auswahl treffen kann. In einer Gruppe von Checkbuttons ist es möglich, mehrere Elemente auszuwählen.

Radiobuttons
<input type="radio">
Definiert einen Radiobutton.

Submit- und Resetbuttons
Der Submitbutton überträgt die Formulardaten an den Server.
Der Resetbutton ermöglicht es dem Benutzer, die eingegebenen Daten im Formular zu löschen.

Auswahllisten (Drop-Down-Box
Darstellung und Aufbau einer Auswahlliste, Gültige Attribute für das <select>-Tag, Gültige Attribute für das <option>-Tag, Beispiel: Auswahllisten

Versteckte Felder (hidden fields)
Versteckte Felder werden vom Browser ignoriert, sie sind für den Benutzer unsichtbar. Sie kommen in Formularen zum Einsatz, um bestimmte Zusatzinformationen an den Server zu übertragen und an das CGI-Programm zu übergeben.