Infos

Das Formular ist auf der Basis von HTML5 aufgebaut und dient zu Übungszwecken. Ihr könnt Daten eingeben und prüfen ob das Validieren mit HTML5 funktioniert.

Die Pflichtfelder sollten vor dem Absenden der Formulardaten validiert werden. Dies wird durch das Attribut "required"  in dem jeweiligen input-Element festgelegt.

Welche Eingaben erforderlich sind hängt vom Attribut "type" ab. Auf der Seite WUFOO-The Current State of HTML5 Forms sind ausführliche Beschreibungen und Testmöglichkeiten für alle HTML5 Eingabefelder zu finden. Hier werden auch die verschiedenen Einstellungen für mobile Endgeräte gezeigt.

Testet das Verhalten in verschiedenen Browsern: Firefox, Chrome, Safari, InternetExplorer, ...

Auf der Webseite Can I use findet man den aktuellen Stand, welche HTML5-Elemente in den jeweiligen Browsern funktionieren.

Die HTML5-Validierung funktioniert nicht bei allen Browsern - s.o..
Aktuell - Stand Januar 2016 - in Chrome und Firefox bei den aktuellen Versionen.

Kontaktformular

Beispiel 1

Kontaktformular mit HTML5 Validation der Pflichtfelder. Hierbei werden die Standardbedingungen bei "required" geprüft.

Wenn die Pflichtfelder vollständig ausgefüllt sind, also die Bedingungen erfüllen, werden die Formulardaten mit der Methode "POST" an den Server gesendet.

Auf dem Server wird mit einem PHP-Script die Formularverarbeitung durchgeführt. Hierbei wird die Ausgabe vorbereitet und der es erfolgt ein "Browser-Feedback" sowie eine Emailbenachrichtigung.

Tragen Sie hierzu ihre Email-Adresse ein und prüfen Sie anschließend, ob eine Email bei ihrem Account eingegangen ist.

Ein Teil der Eingabefelder ist sensitive, wenn Sie mit Maus über den Text oder das Feld fahren erscheint ein Infofenster.

Persönliche Daten
*Anrede

Kontaktdaten

Kontaktaufnahme

* Pflichtfelder müssen ausgefüllt werden