Home | Warum | WordPress Widgets & Plugins

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”

  • 1.

    ich fand en auch sehr übersichtlicht und aufgeräumt!

  • 2.

    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… ;)

  • 3.

    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.

  • 4.

    mist stefan .. hätten wir uns einiges erspart :-)

  • 5.

    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…

  • 6.

    Es ist eine gute Lösung aber suche etwas in richtung Kunden Kontakformular. Kann mir da jemand etwas empfehlen natürlich mich Ajax validierung..