HTML-Formulare sind ein sehr leistungsfähiges Werkzeug für die Interaktion mit Benutzern, aber aus technischen Gründen ist es nicht immer offensichtlich, wie sie ihr volles Potenzial ausschöpfen können. Das bloße Senden von Daten reicht in diesem Fall nicht aus - Sie müssen auch sicherstellen, dass die Daten, die Benutzer in Formularen ausfüllen, im richtigen Format gesendet werden, das für eine erfolgreiche Verarbeitung erforderlich ist, und dass dies bestehende Anwendungen nicht beschädigt. Es ist auch wichtig, Benutzern beim korrekten Ausfüllen von Formularen zu helfen und nicht frustriert zu werden, wenn sie versuchen, Anwendungen zu verwenden.
Das Tag wird verwendet, um ein HTML-Formular zu erstellen. Es erstellt eigentlich keinen Rand, wird aber als übergeordneter Container für Elemente wie. Unabhängig davon, ob Sie ein einfaches Abonnementformular mit regelmäßiger Kasse und Zahlung oder interaktive Webanwendungen erstellen möchten, müssen Sie HTML-Element-Tags verwenden, um zu funktionieren, von denen das wichtigste. ist.
Wie StandardHTML-Formulare
HTML-Formulare wurden vor dem Aufkommen von asynchronem JavaScript und komplexen Webanwendungen erfunden und weitgehend standardisiert. Heutzutage werden Formulareingaben, Sch altflächen und andere Interaktionsmechanismen verwendet, aber der Kern davon ist ein System, das auf dem HTTP-Request-and-Response-Paradigma basiert.
Wenn ein Benutzer eine Seite lädt, wird ein http-Request gesendet (normalerweise ein sogenannter GET-Request). Sie wird von Ihrem Browser an den Server gesendet, und normalerweise antwortet der Server mit der Webseite, nach der der Benutzer sucht. Diese Interaktion ist eines der grundlegendsten Konzepte des Internets. Und das erklärt genau, wie HTML-Formulare funktionieren.
Der Prozess des Austauschs von Informationen mit dem Server
Jedes, das Elemente wie enthält, befindet sich darin und hat ein Namensattribut (Name) sowie seinen Wert. Der Wert wird auf unterschiedliche Weise definiert. Bei Text ist dies der Wert, der vom Site-Benutzer in das Feld eingegeben wurde. Bei einem Optionsfeld der Wert der ausgewählten Option. Der Benutzer kann den Wert festlegen, aber meistens kann er das Namensattribut nicht festlegen. Dadurch wird eine Reihe von Name/Wert-Paaren erstellt, bei denen die Werte durch Benutzereingaben bestimmt werden.
Der Hauptunterschied zwischen einem Formular und einem normalen HTML-Dokument besteht darin, dass die von einem Formular gesammelten Daten in den meisten Fällen an einen Webserver gesendet werden. In diesem Fall müssen Sie einen Webserver einrichten, um Daten zu empfangen und zu verarbeiten. Tag-Aktionsattributgibt den Ort (URL) an, an den die gesammelten Daten gesendet werden sollen.
Wie sieht die Serverantwort aus
Wenn das Formular gesendet wird, werden Name-Wert-Paare und alle Felder innerhalb des Elements in HTTP eingeschlossen. An die im Formular action-Attribut angegebene URL wird eine Anfrage gestellt. Der Anforderungstyp (GET oder POST) befindet sich im Methodenattribut. Das bedeutet, dass alle vom Benutzer bereitgestellten Daten sofort nach dem Absenden des Formulars an den Server gesendet werden und der Server mit diesen Daten machen kann, was er will. Wenn der Server eine Formularübermittlung empfängt, behandelt er sie wie jede andere HTTP-Anfrage. Der Server macht mit den enth altenen Daten alles, was er tun muss, und gibt eine Antwort an den Browser zurück.
Wenn Sie sich daran erinnern, dass das Laden der Seite die Antwort ist, werden Sie feststellen, dass hier dasselbe passiert. In einer typischen Form, die mit dem Tag erstellt wird, ist die Antwort eine neue Seite, die vom Browser geladen wird. Normalerweise ersetzt die neue Seite den aktuellen Inh alt, aber dies kann mit dem Zielattribut überschrieben werden. Die überwiegende Mehrheit der Online-Formulare funktioniert auf diese Weise, weshalb der Benutzer auf eine Dankesseite weitergeleitet wird, wenn er ein E-Mail-Anmeldeformular ausfüllt.
Web-Apps und -Formulare ohne Tag
Moderne interaktive Webanwendungen verwenden JavaScript-Code, um asynchrone HTTP-Anfragen zu stellen. Dies sind Aufrufe an den Server, die kein Neuladen der Seite verursachen. Sie verlassen sich nicht auf ein Tag – ein in das Verh alten integriertes HTML-Element. Sie vereinen nicht alle Daten zu einem Ganzen. Benutzer und senden Sie sie nicht sofort. Aus diesem Grund verwenden viele HTML + JS-Layoutdesigner in Webanwendungen das Tag nicht auf allen Formularen. Häufiger verwenden sie es einfach als eine Art Container für verschiedene Arten von Eingabefeldern und -elementen. In diesem Fall sind die verwendeten Methoden- und Aktionsattribute nicht sichtbar.
Mehr über Formulare
HTML-Formulare sind einer der Höhepunkte der Interaktion eines Benutzers mit einer Website oder Anwendung. Sie ermöglichen Benutzern, Daten an die Website zu übermitteln. Meistens werden die Daten an den Webserver gesendet, aber die Webseite kann sie auch abfangen, um sie selbst zu verwenden. Es gibt viele formularbezogene Elemente - verschiedene Arten von Sch altflächen, Selektoren für verschiedene Typen, Feedback-Mechanismen. Daher kann es schwierig sein zu entscheiden, welche Werte den Tag-Attributen zugewiesen werden sollen. Wenn es um die Erstellung von Formularen geht, müssen Sie dafür sorgen, dass sie auf verschiedenen Bildschirmgrößen funktionieren. Es ist wichtig, sie für Menschen mit Behinderungen zugänglich zu machen. Aus diesem Grund sind Formulare und Attribut-Tags vielleicht der komplexeste Aspekt von HTML.
woraus die Form besteht
HTML-Formular besteht aus einem oder mehreren Widgets. Dies können ein- oder mehrzeilige Textfelder, Auswahlfelder, Sch altflächen oder Optionsfelder sein. Sie sind meistens mit einem Attribut verbunden, das ihren Zweck beschreibt – richtig implementiert, können sowohl sehende als auch blinde Benutzer klare Anweisungen geben, wie sie zum Eingabeformular gelangen. Attributkorrekt mit ihren for- bzw. id-Attributen verknüpft sind. Das for-Label verweist dann auf das id-Attribut des entsprechenden Widgets und der Screenreader liest damit vor, was darin steht.
Neben den für das Tag spezifischen Strukturen ist es wichtig, daran zu denken, dass Formulare nur HTML-Code sind. Das bedeutet, dass Sie die volle Leistungsfähigkeit von HTML nutzen können, um Ihre Formulare zu strukturieren. Eine gängige Praxis besteht darin, das Tag zu verwenden, um Elemente zu umschließen, die mitgekennzeichnet sind.
. Weit verbreitet sind auch HTML-Listen, zur Strukturierung werden mehrere Checkboxen oder Radiobuttons verwendet. Nach dem Erstellen der Eingabefelder muss noch eine Sch altfläche mit dem Tag hinzugefügt und das Ergebnis überprüft werden. Die Flexibilität von HTML-Formularen macht sie zu einer der komplexesten Strukturen im HTML-Format. Aber mit der richtigen Struktur beim Erstellen eines HTML-Formulars können Sie sicherstellen, dass es sowohl nutzbar als auch zugänglich ist.
