imported>Hutch: Abschnittlink korrigiert

2026-03-09T07:48:30Z

Abschnittlink korrigiert

Neue Seite

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, [[Suchmaschine]]neingabefeldern, in [[Soziales Netzwerk (Internet)|Sozialen Netzwerken]] oder auf [[Login (Informationstechnik)|Login]]-Seiten. Das Absenden der Daten verläuft über das [[Hypertext Transfer Protocol]] via [[Hypertext Transfer Protocol#HTTP-GET|HTTP-GET]], [[Hypertext Transfer Protocol#HTTP-POST|HTTP-POST]] oder dem [[XMLHttpRequest]] ([[Ajax (Programmierung)|Ajax]]).

== Begriff ==
[[ISO 9241]] definiert ein Formular als „strukturierte Darstellung von [[Textfeld|Feldern]] und weiteren [[Steuerelement|Elementen]] einer [[Benutzerschnittstelle|Benutzungsschnittstelle]], die der [[Benutzer]] liest, die er ausfüllt, für welche er Einträge auswählt oder die er verändert“. Der Begriff ist dabei nicht nur auf Formulare auf Webseiten beschränkt, sondern umfasst [[Plattformunabhängigkeit|unabhängig]] von [[Betriebssystem]], Anwendung oder Endgerät sämtliche Formulare, mit denen der Benutzer interagieren kann, oftmals im Verlauf eines [[Dialog (Benutzeroberfläche)|Dialogs]]<ref>DIN EN ISO 9241-143; Nr. 3.9</ref>.

== Mögliche Auswahlfelder ==
Folgende Eingabefelder sind im [[HTML]]-4-Standard vorgesehen:
* [[Textbox|einzeiliges Texteingabefeld]] (für Freitext)
* [[Kennwort|Passwortfeld]] (Eingaben werden [[Maskierungszeichen|maskiert]] auf dem Bildschirm ausgegeben)
* mehrzeiliges Texteingabefeld (''Textarea'')
* Auswahllisten ([[Dropdown-Liste]])
* [[Radiobutton]]s (Auswahl einer Option aus mehreren)
* [[Checkbox]]en (Auswahl mehrerer Optionen)
* Felder zum [[Hochladen|Datei-Upload]]
* versteckte Formularfelder (z. B. für [[Session-ID]]s)
* [[Schaltfläche|Klick-Buttons]], dazu gehört auch der Bestätigungsknopf (''submit'') oder ein Knopf zum Zurücksetzen der Eingaben

[[HTML5]] erlaubt weitere Arten von Eingabefeldern, die sich oft zum einzeiligen Eingabefeld nur durch ihre [[Semantik]] unterscheiden:
* Telefonnummern
* E-Mail-Adressen
* Bereichsauswahl (englisch: ''range slider'')
* Datumsauswahl
* [[Combobox]]en

== Erweiterte Widgets ==
Durch Einsatz clientseitiger Techniken, wie beispielsweise [[JavaScript]], bieten viele [[Webframework]]s erweiterte Eingabemöglichkeiten an. Dazu zählen unter anderem [[Widget]]s wie Slider, Kalenderboxen, Comboboxen, [[Farbwähler]] oder [[Drag and Drop|Drag-and-Drop]]-Felder.

Einige typische [[Webframework]]s zu diesem Zweck sind:
* [[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 [[Webapplikation]]en auf einem Java-Applikationsserver
* [[JavaServer Faces]] – Web-Framework als Basis für die Entwicklung von Webapplikationen auf einem Java-Applikationsserver
* [[Ext JS]] – JavaScript- bzw. Ajax-Framework für interaktive Webanwendungen

== Verwendung ==
Neben Suchmaschinen und Webmailern gibt es noch [[Elektronischer Handel#Onlineshop|Onlineshops]], die Formulare für die Korrektur der [[Postanschrift|Adress]]- und [[Konto]]<nowiki/>daten anbieten. Auch werden Webformulare für Bestellung von [[Newsletter]]n für die [[Personalisierung (Informationstechnik)|Personalisierung]] oder das [[Hochladen]] von [[Datei]]en eingesetzt. Formulare werden eingesetzt, um [[Kommunikation]] ohne eine Angabe einer [[E-Mail-Adresse]] durchzuführen. Dabei kann [[Spam]] zum Beispiel durch [[Captcha]]s größtenteils ausgeschlossen werden. Prinzipiell ist jede Seite, die ein Radio-, Checkbox- oder Button-Element anzeigt, ein Webformular.

== Beispiel ==
[[Datei:Webform example german.png|mini|Beispielausgabe eines einfachen Webformulars.]]

Der folgende [[Hypertext Markup Language|HTML]]-Quelltext bindet eine [[Wikipedia]]-Suche in die entsprechende Stelle der [[Webseite]] ein.
<syntaxhighlight lang="html">
<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>
</syntaxhighlight>

== Weblinks ==
{{Wiktionary}}
* [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Formulare Webformulare] im [[Selfhtml]]-Wiki
* [https://www.heise.de/ix/artikel/Auswahlscheibe-1667689.html ''Bessere Formulare dank HTML5 und CSS3''.] In: ''[[iX – Magazin für professionelle Informationstechnik|iX]]''

== Einzelnachweise ==
<references />

[[Kategorie:Web-Entwicklung]]

Webformular - Versionsgeschichte

imported>Hutch: Abschnittlink korrigiert