Was sind die Aktions- und Methodenattribute der & lt; Form & gt; Etikett?

Mit dem <form></form> -Tag in HTML wird ein HTML -Formular für die Benutzereingabe erstellt. Zwei kritische Attribute dieses Tags sind die action und method .

• Aktionsattribut: Das action gibt an, wo die Formulardaten gesendet werden sollen, wenn das Formular übermittelt wird. Es nimmt eine URL als Wert. Diese URL kann sich auf demselben Server wie das HTML -Dokument oder auf einem anderen Server befinden. Wenn das action nicht angegeben ist, werden die Formulardaten an die URL des HTML -Dokuments gesendet, das das Formular enthält.
• Methodenattribut: Das method definiert die HTTP -Methode, die beim Senden der Formulardaten verwendet werden soll. Es kann einen von zwei Werten haben: GET oder POST . Die GET -Methode findet die Formulardaten an die im action angegebene URL an, die durch a getrennt ist ? . Die POST -Methode sendet die Formulardaten als Teil der HTTP -Anforderungsbehörde, die in der URL nicht sichtbar ist. Die Wahl zwischen GET und POST hängt von der Art der Daten und der beabsichtigten Verarbeitung dieser Daten ab.

Wie bestimmt das Aktionsattribut, wo Formulardaten gesendet werden?

Das action des <form></form> -Tags spielt eine entscheidende Rolle bei der Regie der Formulardaten für die Verarbeitung auf das richtige Ziel. Wenn ein Formular eingereicht wird, konstruiert der Browser eine HTTP -Anfrage und sendet sie an die im action angegebene URL. Diese URL kann eine absolute URL (z. B. https://example.com/process-form ) oder eine relative URL (z. /process-form ) sein.

So funktioniert der Prozess:

1. Formularübermittlung: Wenn ein Benutzer auf die Schaltfläche Senden klickt, initiiert der Browser den Vorgang des Formulars.
2. HTTP -Anforderungskonstruktion: Der Browser konstruiert eine HTTP -Anforderung unter Verwendung der durch das method angegebenen Methode. Die Formulardaten werden gemäß der Methode codiert ( GET oder POST ).
3. Senden von Daten an Server: Die HTTP -Anforderung einschließlich der Formulardaten wird an die im action angegebene URL gesendet.
4. Serververarbeitung: Der Server an der angegebenen URL empfängt die Anforderung und verarbeitet die Formulardaten gemäß der logischen Anwendung der Server-Seite.

Durch Angeben der richtigen action -URL stellen Entwickler sicher, dass die Formulardaten den beabsichtigten Endpunkt für die Verarbeitung erreichen, unabhängig davon, ob es sich um eine Seite auf demselben Server oder einem externen Dienst handelt.

Was sind die Unterschiede zwischen den Get- und Post -Methoden in Formulareinreichungen?

Die GET und POST -Methoden sind die Hauptmethoden, um Formaten in HTML zu übermitteln, jeweils mit unterschiedlichen Eigenschaften und Anwendungsfällen.

• Methode erhalten:

  • Datencodierung: Die Daten werden als Abfrageparameter an die URL angehängt, getrennt von ? . Wenn beispielsweise die Formulardaten name=John&age=30 enthalten, könnte die URL wie https://example.com/process-form?name=John&age=30 aussehen.
  • Sichtbarkeit: Die Daten sind in der URL sichtbar, was ein Sicherheitsanliegen sein kann, wenn sensible Daten übertragen werden.
  • Lesezeichen und Caching: Da die Daten Teil der URL sind, können GET -Anfragen von Browsern mit einem Lesezeichen versehen und zwischengespeichert werden.
  • Datengrenze: Die Datenmenge ist begrenzt, die aufgrund von URL -Längenbeschränkungen in der Regel gesendet werden können, typischerweise etwa 2048 Zeichen.
  • Idempotenz: GET -Anforderungen sind idempotent, was bedeutet, dass mehrere identische Anforderungen den gleichen Effekt wie eine einzige Anfrage haben sollten.

• Post -Methode:

  • Datencodierung: Die Daten werden als Teil der HTTP -Anforderungsbehörde gesendet, die in der URL nicht sichtbar ist.
  • Sichtbarkeit: Die Daten sind in der URL nicht sichtbar, was sie für die Übertragung sensibler Daten sicherer macht.
  • Lesezeichen und Caching: Postanfragen werden normalerweise von Browsern in der Regel mit einem Lesezeichen versehen oder zwischenstrahlt.
  • Datengrenze: Die Datenmenge ist nicht beschränkt, die gesendet werden können, was es für große Dateneinreichungen geeignet ist.
  • Idempotenz: Postanfragen sind nicht idempotent, was bedeutet, dass mehrere identische Anforderungen unterschiedliche Auswirkungen haben können.

Die Wahl zwischen GET und POST hängt vom Zweck der Form ab. GET eignet sich zum Abrufen von Daten und für Formulare, bei denen Daten nicht versteckt werden müssen, während POST für Formulare bevorzugt wird, die sensible Daten senden, Aktionen ausführen, die den Serverstatus ändern oder große Datenmengen senden.

Welche anderen Attribute können mit dem

Mehrere andere Attribute können mit dem <form></form> -Tag verwendet werden, um seine Funktionalität und Benutzererfahrung zu verbessern. Hier sind einige der wichtigsten Attribute:

• Name: Gibt einen Namen für das Formular an, der für JavaScript nützlich sein kann, um das Formular zu verweisen. Beispiel: <form name="myForm"></form> .
• ID: Weisen dem Formular eine eindeutige Bezeichnung zu, die in CSS und JavaScript verwendet werden kann. Beispiel: <form id="contactForm"></form> .

• EncTTEPE: Gibt an, wie die Formulardaten bei der Übermittlung codiert werden sollen. Gemeinsame Werte umfassen:

  • application/x-www-form-urlencoded (Standard): Standardcodierung.
  • multipart/form-data : Erforderlich, wenn das Formular Datei-Uploads enthält.
  • text/plain : Selten verwendet, für Klartext -Einreichungen.

• Ziel: Gibt an, wo die Antwort angezeigt werden soll, die nach dem Einreichen des Formulars empfangen wird. Gemeinsame Werte umfassen:

  • _self (Standard): Öffnet sich im selben Fenster/in der Registerkarte.
  • _blank : Öffnet in einem neuen Fenster/einer neuen Registerkarte.
  • _parent : Öffnet im übergeordneten Frame.
  • _top : Öffnet sich im gesamten Körper des Fensters.
• Autokaponete: Steuert, ob das Formular automatisch aktiviert sein sollte. Die Werte sind ( on ) oder off . Beispiel: <form autocomplete="off"></form> .
• Novalidate: Gibt an, dass das Formular bei der Einreichung nicht validiert werden sollte. Beispiel: <form novalidate></form> .
• Accept-Charset: Gibt die Zeichenkodierungen an, die für die Formulareingabe verwendet werden sollen. Beispiel: <form accept-charset="UTF-8"></form> .

Diese Attribute ermöglichen es Entwicklern, das Formularverhalten anzupassen, die Sicherheit zu verbessern, die Benutzerfreundlichkeit zu verbessern und Formulare in komplexere Webanwendungen zu integrieren.