Schon die ersten einfachsten Webseiten haben vor mehr als 10 Jahren Besuchern mit Hilfe von Formularen die Möglichkeit geboten, interaktiv auf einer Webseite aktiv zu werden. Sei es um zu etwas zu suchen, ein Forum zu nutzen, eine Datei hochzuladen oder dem Betreiber eine Frage zu stellen. Auch das Suchfeld von Google oder die Anmeldefenster von Amazon sind erstmal nur einfache HTML-Formulare, die Daten an den jeweiligen Server übertragen.
Die Funktionalität von HTML-Formularen hat sich seit der Einführung der Formular-Elemente nicht mehr wesentlich geändert, erst das neue HTML5 führt einige kleine Neuerungen ein wie z. B. neue Eingabe-Felder. Dank CSS und Javascript sind Formulare heutzutage aber viel flexibler und ansehnlicher geworden, auch wenn sich die zugrundeliegende Syntax nicht geändert hat.
Ein Formular besteht in den meisten Fällen aus Text (zum Erklären), Labeln (zum Beschriften der Felder) und den Eingabefeldern an sich. Mit reinem HTML können Sie nur die Platzierung der einzelnen Elemente steuern und per size-Anweisung die Größe der Formularfelder definieren.
Per CSS können Sie die einzelnen Formular-Elemente auch gestalterisch beeinflussen. Neben den Ausmaßen können Sie so auch Rahmen, Hintergrund, Schriftarten und ähnliches frei anpassen.
In unserem Kapitel "Ein Formular entsteht" zeigen wir Ihnen, wie ein Formular Stück für Stück zusammengebaut und an ein vorgegebenes Layout angepasst wird.