HTML-Formulare allgemein

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.

Formular-Felder und Eingabemöglichkeiten

Ein HTML-Formular kann aus einem einzelnen oder vielen unterschiedlichen Formular-Feldern bestehen. Die Anzahl und Art der Felder richtet sich also ganz nach Ihren Anforderungen und unterliegt keinerlei Einschränkung. Sie können beliebige Kombinationen der folgenden Eingabefelder nutzen: @marielle: hier die verschiedenen INPUT-Typen wie "input", "checkbox", "select", "textarea" usw. schön mit Beispielen aufführen

Formulare designen

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.

Ein Formular - und was dann?

Die Möglichkeit, Daten in eine Webseite einzutragen, ist allerdings nur der eine Teil - denn was soll nach dem Absenden mit den Daten gemacht werden? Hier hilft Ihnen leider weder HTML5 noch Javascript, denn Sie benötigen statt dessen eine Software. Diese nimmt die Daten entgegen, prüft und verarbeitet sie und leitet sie abschließend weiter. Eine solche Software können Sie in PHP, Java, Phyton oder Perl programmieren - oder Sie nutzen den riesigen Funktionsumfang des Formular-Chefs, der Ihnen kostenlos zur Verfügung steht!