Webformular

Ein Webformular ist ein Formular auf einer Webseite zur Erfassung von Daten, die zur Verarbeitung an einen Webserver gesendet werden. Man findet sie beispielsweise in Webmail-Anwendungen, Suchmaschineneingabefelder, in Sozialen Netzwerken oder auf Login-Seiten. Das Absenden der Daten verläuft über das Hypertext Transfer Protocol via HTTP-GET, HTTP-POST oder dem XMLHttpRequest (AJAX).

Mögliche Auswahlfelder

Folgende Eingabefelder sind im HTML 4-Standard vorgesehen:

• einzeiliges Texteingabefeld
• Passwortfeld (Eingaben werden maskiert auf dem Bildschirm ausgegeben)
• mehrzeiliges Texteingabefeld (Textarea)
• Auswahllisten (Dropdown-Liste)
• Radiobuttons (Auswahl einer Option aus mehreren)
• Checkboxen (Auswahl mehrerer Optionen)
• Felder zum Datei-Upload
• versteckte Formularfelder (z.B. für Session-IDs)
• Klick-Buttons, dazu gehört auch der Bestätigungsknopf (submit) oder ein Knopf zum Zurücksetzen der Eingaben

HTML 5 erlaubt weitere Arten von Eingabefeldern, die sich oft zum einzeiligen Eingabefeld nur durch ihre Semantik unterscheiden:

• Telefonnummern
• E-Mail-Adressen
• Bereichsauswahl (engl.: range slider)
• Datumsauswahl
• Comboboxen

Erweiterte Widgets

Durch Einsatz clientseitiger Techniken, wie beispielsweise JavaScript, bieten viele Webframeworks erweiterte Eingabemöglichkeiten an. Dazu zählen unter anderem Widgets wie Slider, Kalenderboxen, Comboboxen oder Drag and Drop-Felder.

Folgende Webframeworks und Standards sind zu diesem Zweck erhältlich:

• FormEngine - spezialisiertes Formular-Framework zur einfachen Ausführung auf einem Applikationsserver
• Dojo Toolkit - JavaScript-Framework zur Entwicklung von JavaScript-/Ajax-basierten Anwendungen
• jQuery UI - JavaScript-Framework zur Funktionserweiterung der Benutzerschnittstelle auf Basis von jQuery
• Apache Wicket - Web-Framework als Basis für die Entwicklung von Webapplikationen auf einem Applikationsserver
• Java Server Faces - Web-Framework als Basis für die Entwicklung von Webapplikationen auf einem Applikationsserver
  

Verwendung

Neben Suchmaschinen und Webmailern gibt es noch die Onlineshops, die Formulare für die Korrektur der Adress- und Kontodaten anbieten. Auch werden Webformulare für Bestellung von Newslettern, für die Personalisierung oder das Hochladen von Dateien eingesetzt. Formulare werden eingesetzt, um Kommunikation ohne eine Angabe einer E-Mail-Adresse durchzuführen. Dabei kann Spam zum Beispiel durch CAPTCHAs ausgeschlossen werden. Prinzipiell ist jede Seite, die einen Radio-, Checkbox- oder Buttonelement anzeigt, ein Webformular.

Beispiel

Beispielausgabe eines einfachen Webformulars.

Der folgende HTML-Quelltext bindet eine Wikipedia-Suche in die entsprechende Stelle der Webseite ein.

<form action="http://de.wikipedia.org/wiki/Spezial:Suche">
  <fieldset>
    <legend>Suchen</legend>
    <input type="text"   name="search" value="" />
    <input type="submit" name="go" value="Artikel"/>
    <input type="submit" name="fulltext" value="Volltext" />
  </fieldset>
<form>

Weblinks

http://de.selfhtml.org/html/formulare/index.htm - Selfhtml zu Webformularen