Zurück zur URL-Startseite... ↑

web4: Responsives Kontaktformular
mit Flexboxen und php-Code von XYZ

Nehmen Sie Kontakt zu uns auf!

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

Zur Gestaltung unseres Webformular 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, ähnlich exakt ausgerichtet wie bei Tabellen. Tabellen sind aber nicht barrierefrei, weshalb wir diese veraltete Technik nicht mehr benutzen wollen.
Wird der Bildschirm schmaler, z.B. bei Smartphones, soll das Formularfeld in die nächste Zeile rutschen dürfen und 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