Formulardaten übermitteln Form

Inhaltsverzeichnis:

Formulardaten übermitteln Form
Formulardaten übermitteln Form

Video: Formulardaten übermitteln Form

Video: Formulardaten übermitteln Form
Video: HTML Formulare - Alle Tags und Attribute erklärt! - HTML Tutorial für Anfänger 06 - Deutsch 2024, Kann
Anonim

Das Senden von Daten aus einem von einem Besucher einer Internet-Site ausgefüllten Formular ist eine der am häufigsten gelösten Aufgaben der interaktiven Interaktion zwischen einem Web-Surfer und den Serverprogrammen dieser Ressource. Die Organisation dieser Operation im Quellcode der Hypertextseite ist viel einfacher als das Erstellen von Skripten zur Verarbeitung der übertragenen Daten. Es kann sowohl über die HTML-Sprache als auch über JavaScript-Skripte implementiert werden.

Formulardaten übermitteln form
Formulardaten übermitteln form

Anleitung

Schritt 1

Falls die Datenverarbeitung nicht in derselben Datei erfolgt, die die Seite mit dem Formular generiert, geben Sie unbedingt die Adresse des Handler-Skripts im action-Attribut an. Geben Sie eine von zwei möglichen Methoden zum Senden von Formularvariablen an - Get oder Post. Die Auswahl hängt davon ab, welche davon verwendet wird, um die Variablen vom Skript zu lesen. Dies reicht im Prinzip aus, um das Problem zu lösen, es ist nicht notwendig, ein spezielles Element in das Formular zu setzen, das das Senden von Informationen auslöst, da das Drücken der Eingabetaste standardmäßig einem Klicken auf den Button zum Senden von Daten entspricht. Dies wird jedoch nicht jeder Benutzer erraten, daher ist es besser, eine entsprechende Schaltfläche im Formular zu platzieren.

Schritt 2

Verwenden Sie eine Schaltfläche, die von einem Eingabe-Tag mit einem Sendewert im type-Attribut gerendert wird. Das Anklicken einer solchen Schaltfläche ist die "klassische", am häufigsten verwendete Art, die Übermittlung von Daten aus einem Formular auf einer Webseite zu organisieren. Zusätzlich zum type-Attribut ist es wünschenswert, den Wert des name-Attributs anzugeben, und in value können Sie den Text des Labels auf die Schaltfläche setzen. Beispielsweise:

Schritt 3

Sie können JavaScript verwenden, um Daten zu senden. Dies kann in Fällen nützlich sein, in denen Sie den automatischen Versand bei jedem Ereignis organisieren müssen - zum Beispiel nachdem der Benutzer den gewünschten Wert in der Dropdown-Liste ausgewählt hat oder wenn er vor dem Senden von Informationen von einem JavaScript-Validator überprüft werden muss. Um diese Art der Datenübermittlung zu implementieren, verwenden Sie die Übermittlungsmethode des Formularobjekts. Wenn beispielsweise der UniForm-Wert in das Namensattribut des Formulars geschrieben wird, müssen Sie nach allen erforderlichen Aktionen mit den vom Benutzer eingegebenen Werten Folgendes platzieren, um das Klicken auf die Schaltfläche zum Senden im JavaScript-Code zu simulieren Zeile: document. UniForm.submit();