zurück zur Startseite ↑...

web4: Resposives Konaktformular mit Flexbox und php-Code

Nehmen Sie Konatkt zu uns auf !

Das nachfolgende Webformular wurde mit speziellen Formular-HTML-Elementen aufgebaut. Die responsive Formatierung haben wir mit "Flexboxen" realisiert. Die Mailfunktion haben wir mit php programmiert.

Zur gestaltung unseres Webformulars benutzten wir die CSS-Technik "Flexboxen". Sie dient dazu, Layouts von Objekten in Reihen und Spalten zu erzeugen. Wir möchten, dass die Beschriftungsfelder (labels)bei größeren Bildschirmen in Reihe hintereinander stehen, ähnliche exakt ausgerichtet wie bei Tabellen. Tabellen sind aber nicht barrierefrei, weshalb wir diese veraltet Technik nicht mehr benutzen wollen.
Wird der bildschirm schmaler, z.B. bei Smartphones, soll das Formularfeld in die nächste Zeile rutschen dürfenund sich unter dem Label platzieren. Die Länge der Formularfelder soll sich an die zur Verfügung stehende Breite automatisch anpassen. Also, Positionierung und Breite sollen flexibel sein. Deshalb"Flexboxen". Dies ist ein wichtiger Schritt in richtung "Responsive Design".

Bei fragen und Anregungen füllen Sie bitte dieses Formular aus. Wir werden uns bemühen, umgehend zu antworten.

* = Pflichtangabe