WikiDer > HTML-Formular

EIN HTML-Formular ist ein bilden um in a . enthaltene Daten einzugeben Website und das durch HTML ist verschlüsselt.

HTML-Formulare wurden 1993 in HTML eingeführt. Diese Spezifikation wurde später leicht modifiziert und insbesondere um die Möglichkeit erweitert, Dateien über die Webbrowser senden (RFC 1867^[1]). Zur Bewerbung in XHTML eine nächste Erweiterung wurde unter dem Namen entwickelt XForms.

HTML-Formulare sorgen dafür, dass auf dem weltweites Netz Kommunikation in beide Richtungen möglich. In diesem Sinne sind sie wesentlich für den Erfolg des WWW.

Benutzen

HTML-Formulare sollen es dem Benutzer ermöglichen, Informationen auszufüllen und zu übermitteln URL auf einen Webserver. Es gibt dann eine Datei, die die gesendeten Daten verarbeitet. Es kann auch zur Interaktivität auf einer Webseite dienen, ohne etwas zu senden, mit HTML-Skripting. Wie genau diese Verarbeitung stattfindet, ist variabel. Es gibt verschiedene Möglichkeiten. Einige Anwendungen sind:

• Suche - Beliebig Suchmaschine auf Internet verwendet ein HTML-Formular, in das Besucher Suchbegriffe eingeben können. Die eingegebenen Suchbegriffe werden von einem Programm verwendet, um in a Datenbank. Das Programm konvertiert die Ergebnisse in HTML und dieses HTML wird an den Browser des Benutzers zurückgegeben.
• Speicherung von Daten - Wikipedia arbeitet mit HTML-Formularen, um Texte zu speichern, die Benutzer in einer Datenbank eingeben. In diesem Fall werden die eingegebenen Texte auch anderen Besuchern zur Verfügung gestellt.
• Als Benutzer einloggen - Auf andere Internetforen es ist möglich (manchmal erforderlich), dass sich ein Benutzer registriert. Dazu werden einige Informationen abgefragt, mindestens eine Nutzername und ein Passwort und meistens auch gültig a E-Mail-Addresse. Der neu registrierte Benutzer erhält dann an diese E-Mail-Adresse eine Nachricht, um die Registrierung durch Öffnen eines (temporären) Links zu bestätigen. Eine solche E-Mail-Nachricht wird automatisch von dem Programm versendet, das die Registrierung verarbeitet. Nach dem Befolgen des Verfahrens kann sich der Benutzer anmelden, indem er seinen Benutzernamen und sein Passwort in ein Formular eingibt.
• Zahlungen über das Internet - HTML-Formulare ermöglichen Zahlungen mit Kreditkarten getan werden. Dazu gibt der Nutzer die notwendigen Angaben zu seiner Kreditkarte ein und das Empfangsprogramm verarbeitet die Zahlung.
• Dateien senden - Der Browser kann auch eine Datei senden.

Dazu können verschiedene Anwendungen hinzugefügt werden.

Elemente

Die folgenden Arten von Eingabefeldern können in HTML-Formularen verwendet werden.

• text - Ein einzeiliges Eingabefeld, wie es von den meisten Suchmaschinen verwendet wird.
• Passwort - Wie oben, jedoch wird der eingegebene Text als Sternchen (******) angezeigt, um zu verhindern, dass das Passwort über die Schultern des Benutzers gelesen wird.
• Textfeld - Ein mehrzeiliges Eingabefeld, um beispielsweise den Text von Artikeln zu bearbeiten.
• Optionsfeld - Funktioniert ähnlich wie die Schaltflächen auf einem altmodischen Radio, eines verwandten Satzes von Optionsfeldern, kann nur einer ausgewählt werden. Sobald ein anderer ausgewählt wird, verschwindet die Auswahl des zuvor ausgewählten. Mehrere Optionsfelder werden durch die gleiche Bezeichnung verbunden.
• checkbox - Hat zwei oder drei Zustände: aktiviert oder nicht markiert und, falls vom Ersteller festgelegt, "halb ausgewählt". Die Kontrollkästchen sind nicht miteinander verbunden. Kontrollkästchen werden normalerweise als Quadrat angezeigt. "Halb markierte" Kontrollkästchen bedeuten eine andere Option, die vom Ersteller festgelegt wurde.
• Dropdown-Liste - Ein normalerweise einzeiliges Feld mit einem Abwärtspfeil auf der rechten Seite. Die verschiedenen Auswahlmöglichkeiten werden sichtbar, wenn der Benutzer auf den Pfeil klickt. Es gibt zwei Varianten: die erste, bei der nur eine Auswahl getroffen werden kann, und die andere, bei der mehrere Optionen ausgewählt werden können. Es ist möglich, mehrere Optionen sichtbar zu machen.
• Drucktaste - Eine Schaltfläche, auf die der Benutzer mit der Maus klicken kann. Dazu gibt es drei Varianten:
  • ein Button zum Absenden des Formulars
  • eine Schaltfläche zum Löschen des Formulars (bzw. zum Zurücksetzen in den ursprünglichen Zustand) und
  • eine Schaltfläche, die selbst nichts tut, an der der Programmierer jedoch Funktionalität hängen kann.
• Datei - Diese besteht aus zwei Teilen: einem Textfeld und einer Drucktaste. Mit der Drucktaste kann der Benutzer eine Datei aus seiner Datei auswählen Festplatte Auswählen. Der Pfad der ausgewählten Datei wird dann als Text im Textfeld angezeigt. Der Pfad kann auch direkt eingegeben werden.
• versteckt - Ein verstecktes Feld wird dem Benutzer nicht angezeigt, ist aber im in Quellcode des HTML-Codes.

Interaktion

Dann Netzlandschaft 1995 der erste Browser mit Javascript eingeführt wurde, wurde es möglich, die Werte in Formularfeldern mit einem Skript zu ändern. Bald folgten weitere Browser. Es sollte einige Jahre dauern, bis es möglich war, den Text im HTML selbst zu ändern. Aus diesem Grund wurden Formulare auch verwendet, um interaktive Webseiten zu erstellen. Ein einfaches Beispiel ist die "Javascript-Uhr", mit einem Textfeld, in dem die Zeit läuft. Ein anderes Beispiel ist a Taschenrechner im Javascript. Solche Formulare haben manchmal keinen Senden-Button und können daher nicht versendet werden.

In einigen Fällen wird eine solche Interaktion mit der Option zum Absenden eines Formulars kombiniert. Ein Beispiel hierfür könnte eine Webseite sein, um ein Angebot für eine Hypothek anzufordern. Nach Eingabe einiger Finanzdaten erfolgt bereits eine Vorkalkulation im Formular. Wenn die Berechnung zufriedenstellend ist, kann der Besucher seine persönlichen Daten hinzufügen und das Formular absenden.

Der Wert aller Feldtypen kann mit JavaScript geändert werden, mit Ausnahme des Felds "Datei". Letzteres ist wichtig, um zu verhindern, dass eine Webseite automatisch Dateien vom Computer des Benutzers sendet. Der Ersteller der Webseite könnte erraten, wo sich eine wichtige Datei auf der Seite befindet Computer der Besucher, ausfüllen und das Formular automatisch per JavaScript zusenden lassen.

Methoden zum Senden eines Formulars

Die "Methode" zum Absenden eines Formulars bedeutet zwei verschiedene Dinge. Erstens, welche Aktion zum Senden des Formulars durchgeführt wird und zweitens, wie das Formular gesendet wird. Die erforderliche Aktion wird in der Regel mit einem Absenden-Button angezeigt, oft kann das Formular aber auch mit der Enter-Taste versendet werden. Auch mit JavaScript kann der Befehl "Formular senden" gegeben werden.

Die zweite Methode zum Absenden des Formulars liegt im HTML-Code, der Benutzer hat keinen Einfluss darauf, es wird vom Browser abgewickelt. Es gibt zwei Methoden zum Senden eines Formulars und zwei Möglichkeiten, wie der Browser es verschlüsselt. Der Browser führt zuerst die Verschlüsselung durch und dann wird sie gesendet. In allen Fällen werden die eingegebenen Felder in Namenspaare umgewandelt (Schlüssel) und Wert (Wert). Jedes Feld im Formular hat im HTML-Code einen Namen bekommen, dieser Name wird als Name verwendet. Was eingegeben (oder überprüft oder anderweitig ausgewählt) wird als Wert gesendet. Suchmaschinen zeigen manchmal, wie diese Name-Wert-Kombination im Browser aussieht. Das ist wie Google ein Abfragezeichenfolge das sieht so aus: http://www.google.nl/search?hl=nl&q=wikipedia&btnG=Suche. Das heißt, das Feld mit dem Namen "q" hatte den Wert "wikipedia", das Feld (oder in diesem Fall der Button) mit dem Namen "btnG" hatte den Wert "Suchen" und das Feld mit dem Namen "hl" hatte den Wert "nl ." ". Dieses letzte Feld ist ein "verstecktes" Feld, das für den Besucher unsichtbar ist, aber der Wert wird gesendet.

Codierung

(Siehe auch MIME)

• application/x-www-form-urlencoded – Dies ist die Standardmethode. Alle Felder werden zu Name-Wert-Paaren verarbeitet. Grundsätzlich wie eingegeben, aber einige Zeichen (die in einer URL nicht verwendet werden dürfen) werden über are gesendet URL-Code angepasst.
• multipart/form-data - Dies ist zum Senden von Dateien. Alle Name-Wert-Paare werden konvertiert in binär Code und dieser Binärcode wird als Ganzes gesendet. Die Verwendung von "POST" ist obligatorisch (siehe unten).

Senden

(Siehe auch HTTP)

• GET - Wenn ein Formular mit ERHALTEN gesendet wird, werden die eingegebenen Werte als a Abfragezeichenfolge an die Ziel-URL angehängt, wie dies beispielsweise im obigen Beispiel der Fall ist. Der Nachteil ist, dass nur eine begrenzte Menge an Informationen gesendet werden kann.
• POST - Beim Senden eines Formulars mit der Methode POST es gibt nur ein praktisches Maximum der gesendeten Datenmenge. Längere Eingabetexte (wie bei den Wikipedia-Artikeln) sind daher immer POST geschickt.

Bemerkungen

Internet Explorer hat einige Probleme mit Formularen (bis Version 6). Vor allem ist ein Listenfeld immer über die übergeordneten Layer der Webseite sichtbar. In vielen Webseiten wird dies durch eine komplizierte Funktion gelöst, die Listboxen im Layering komplett unsichtbar macht. Ein weiteres Problem ist der "Multipart/Form-Data Boundary Bug", der in einigen Fällen dazu führt, dass Internet Explorer beim Senden von Dateien eine beschädigte Datei übergibt.

Externe Links

• (und) Ausfüllformulare und Eingabefelder, HTML-Spezifikation des W3C
• (und) Formulare in HTML-Dokumenten, W3C