9. März, 2006
Mit AJAX schnell und einfach Formulare erstellen
Wer auf einfachem Wege schnell ein kleines Formular erzeugen möchte, der ist mit JotForm gut bedient. Sehr schön an dieser AJAX-Anwendung finde ich, dass man sehr intuitiv mit der Benutzeroberfläche arbeiten kann. Man muss keinerlei HTML- oder gar CSS-Kenntnisse haben.
Die Bedienung
Da direkt nach dem Laden der Seite ein einfaches Formular schon vorhanden ist, geht die Modifikation sehr einfach.
In der Titelleiste kann man seinem Formular einen Name geben. Auch bei der Benennung der Formularfelder reicht ein einfacher Klick auf den Text um ihn zu ändern. Zusätzlich lassen sich die einzelnen Eingabefelder bequem per Drag&Drop umsortieren. Zu jedem Eingabefeld gibt es auf der rechten Seite eine Eigenschaftsleiste. In ihr können die wichtigsten Voreinstellungen getroffen werden.
Aber nicht nur die Einstellungen der Eingabefelder sondern auch die Vorgaben für das gesamte Formular werden darüber geregelt. So lassen sich die Vorder- und die Hintergrundfarbe, die Schriftart, Schriftfrabe und Schriftgröße und vieles mehr sehr bequem in der Eigenschaftsleiste einstellen.
Weiterhin kann man jeden Zwischenschritt abspeichern um seine Änderungen nicht zu verlieren. Falls dann doch mal nicht alle Formatierungen per Einstellung machbar sind, kann man jeder Zeit sich den Quellcode anzeigen lassen und Änderungen direkt dort vornehmen.
Zum Schluss lässt man sich der fertige Formular als Quellcode anzeigen und kopiert sich alles in seine eigene Seite hinein. Besser ist es aber wenn man sich bei JotForm anmeldet, denn dann stehen neben der Möglichkeit alle bis dahin erstellten Formulare auswerten zu lassen und per Excel bzw. per CVS zu exportieren.
Nachteile
Leider finde ich den erzeugen Quellcode des Formulars nicht besonders gut. Zwar ist er valide, aber die Darstellung mit Tabellen muss in der heutigen Zeit nicht mehr sein. Zu dem wird jedes einzelne Eingabe mit einer eigenen Tabellen umrahmt. Auch werden die Breiten- und Höhenangaben die Eingabefelder nicht per CSS sondern per HTML geregelt.
Fazit
Dieser Formulargenerator besitzt eine sehr schöne, einfache und intuitive Bedienungsoberfläche. Die Benutzer des Generators brauchen im Grunde keinerlei HTML-Kenntnisse um gut Formulare zu erzeugen. Doch leider schwächelt die Anwendung in der Quellcodeerzeugung. Hier hätte ich mehr auf die Trennung des Inhalts und der Gestaltung erwartet.
Vielleicht findet in der nächsten Zeit eine Überarbeitung statt und hoffentlich wird dann mehr auf Empfehlungen des W3C geachtet.
Bis dahin wünsche ich euch allen viel Spaß beim Ausprobieren und freue mich über jeden Kommentar dazu. Vielleicht findet ihr ja weitere AJAX-Anwendungen die das Leben im Web vereinfachen sollen.
Verwandte Artikel:

6 Kommentare zu “Mit AJAX schnell und einfach Formulare erstellen”
Kommentar von MP:Schorsch am 9. März, 2006 um 11:25
ich fand en auch sehr übersichtlicht und aufgeräumt!
Kommentar von MP:Stefan am 9. März, 2006 um 12:26
Mensch, Mensch, Mensch…
da brüte ich das ganze Wochenende über einigen ziemlich aufwendigen Formularen für einen Kunden, die ich in WordPress integrieren musste… und jetzt, wo alles gelaufen und der Kunde die Dinger final abgenommen hat, kommst du mit sowas um die Ecke…
Naja… für’s nächste mal…
Kommentar von MP:Ole am 9. März, 2006 um 12:51
Ja, Stefan in den “Live News” stand dies auch schon vor dem WE
Da steht aber auch noch ein weiterer AJAX Formular Generator mit ähnlichen Funktionen. “Wufoo ist ein sehr einfacher AJAX Formular-Genrerator http://wufoo.com/” Doch ob man mit dem auch den Quellcode erhält, oder ob dieser bei Wufoo selbst gehostet werden muss, konnte ich der Demo nicht entnehmen.
Kommentar von MP:Schorsch am 9. März, 2006 um 15:17
mist stefan .. hätten wir uns einiges erspart
Kommentar von MP:Stefan am 10. März, 2006 um 19:02
Dazu kann (und will) ich nur sagen:
so schön die Shout-Box (Live News) auch ist, relevante Posts machen sich im Hauptbereich der Seite deutlich besser…
Nur Spaß… weiß ja, wie’s läuft…
Kommentar von M.Isik am 11. Mai, 2007 um 14:44
Es ist eine gute Lösung aber suche etwas in richtung Kunden Kontakformular. Kann mir da jemand etwas empfehlen natürlich mich Ajax validierung..