Formular Generator

Mit Bootstrap Option

Hier ein Formular-Beispiel, das ich mit dem
Formular-Generator von Werner Zenk
erstellt habe.
Seit Oktober 2019 besteht nun auch eine Option
Bootstrap Anweisungen zu verwenden.


Minimum 3 Zeichen


Gültige e-Mail eingeben


Minimum 3 Zeichen


3 bis 5000 Zeichen


Datum innerhalb von 4 Wochen wählen


Bitte löse die Rechenaufgabe.


Bitte alle mit markierten Felder ausfüllen.


Bootstrap Option:

Dieses Formular wurde hier unverändert in ein Textfeld von Mobirise kopiert. Lediglich die Checkbox zum Datenschutz habe ich zusätzlich händisch eingebaut, genauso wie auf meiner Seite Formular 1 beschrieben.

Das Formular wurde mit dem im Oktober 2019 aktualisierten ...

Formular-Generator von Werner-Zenk.de

... erstellt, das nun auch die Design-Option "Bootstrap" zur Auswahl hat und somit perfekt an Mobirise angepasst ist.

Stellt die Erweiterung vom Seitennamen auf .php um und kopiert lediglich den PHP-Teil des generierten Formular-Codes in den gewählten Mobirise-Block.


Datumsbereich mit Kalender:

da das Input-Feld vom Typ "date" und der HTML5-Kalender in allen Browsern unterschiedlich dargestellt wird, möchtet Ihr vielleicht einen "Bootstrap-Datepicker" verwenden, der dann in allen Browsern gleich dargestellt wird.

Datumsbereich einschränken:

Um das Datum mit den Attributen "min" (hier ab heute) und "max" (hier die nächsten 28 Tage) einzuschränken, habe ich noch folgende Änderungen selbst vorgenommen.

Im oberen Bereich vom generierten Skript findet man die Gründung der Variablen. Dort habe ich diese zusätzlichen Variablen gegründet:

$mindatum = date("Y-m-d"); // Datum zur Prüfung ab wann, hier heute
$maxdatum = date('Y-m-d', strtotime("+28 days")); // Datum zur Prüfung bis wann, hier 28 Tage 

die ich dann in das Feld für das Datum mit eingetragen habe:

<input type='date' name='datum' min='" . $mindatum . "' max='" . $maxdatum . "' value='" . $datum . "' size='35' class='form-control'>


Viel Erfolg!
Formular-Generator

Bootstrap Option

Hakt auf der ersten Seite vom Generator die Option "Bootstrap verwenden" an.

© Mobirise-Tutorials.com
Private Homepage
Datenschutzregeln


Counter Statistik