Einführung in Formulare

Ein Formular ist einfach ein Bereich der Formularfelder enthält. Ein Formularfeld ist ein Objekt in dem der Nutzer Informationen bereitstellen kann -das kann ein Textfeld, ein Radiobutton oder ein Auswahlfeld sein. Jedes Webformular arbeitet dabei ähnlich -der Nutzer füllt Informationen ein und übermittelt diese mit einem Druck auf einen Button. Ein Formular ist unabdinglich sobald man etwas über den Nutzer wissen möchte -um ihm z.B. eine Mail zu schicken, Informationen über ihn in einer Datenbank zu speichern und so weiter.

Es gibt unzählige Wege ein Formular zu nutzen und wenn man jemals mehr als 30 Minuten im Internet verbracht hat (wovon ich ausgehe) hat man diese auch mehrfach genutzt, sei es um einen Newsletter zu abonnieren, für Währungsumrechnung oder irgendetwas in dieser Art.

In diesem Kapitel werden wir die Grundzüge der Erstellung eines Web Formulares kennenlernen. Wenn wir das hinter uns haben können wir uns all den Neuerungen widmen, die HTML5 für die Erstellung von Formularen bereithält.

Wie funktioniert ein HTML Formular?

A web form consists two parts - the HTML ‘front end’ and a back end form processor. The HTML front end part handles the presentation while the back end handles the form submissions.
The back end of the form is usually written in languages like PHP or ASP. But don’t worry you don’t have to know any of these languages to get a working form – you can use a formmail, which is usually accessible through your internet service provider (ISP). If not, there is several free and paid services out there and all you have to do is choose one of your liking.

So funktioniert ein Formular normalerweise, Schritt für Schritt:

• Ein Nutzer besucht eure Webseite, die ein Formular enthält.
• Der Browser des Nutzers zeigt ein Formular an.
• Der Nutzer befüllt das Formular und klickt auf "übermitteln" oder "senden"
• Der Browser sendet die übermittelten Daten an den Webserver
• Ei Formularprozessor (auch bekannt als formmail) der auf dem Server läuft verarbeitet die Daten
• Eine Antwortseite wird zurück an den Browser übermittelt.