Markenbanner der Website

web4: Responsives Webformular
mit Flexboxen

Hier können Sie mit uns Kontakt aufnehmen!

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 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. Positionierung und Breite sollen flexibel sein. Deshalb "Flexboxen". Dies ist ein wichtiger Schritt in Richtung "Responsive Design". Megasuperdollerkrankerimbalanceheisser Scheiss!!!

Bei Fragen und Anregungen bitte folgendes Formular ausfüllen. z.B Wenn ich Daten von meinem Computer lösche, wird er dann leichter?

* = Pflichtangabe