Html <form> Tag -Attribute | Erklärt

Html <form> Tag -Attribute | Erklärt
Wenn wir eine Site besuchen, sind eines der am häufigsten beobachteten Dinge auf jeder Website „Formulare“ wie Anmeldebereiche, Anmeldeberationen, Dateneingabebedingungen usw. und zu diesem Zweck bietet HTML a Tag, um die Daten/Informationen des Benutzers zu sammeln. Der Tag selbst kann die Daten nicht überall senden, um die Formulardaten zu verarbeiten Aktion, Methode, usw.

Diese Beschreibung enthält eine vollständige Richtlinie für das Erstellen eines Formulars. In dieser Hinsicht müssen wir das Konzept der folgenden Formularattribute verstehen:

  • Wie benutzt man Aktion Attribut in HTML
  • Wie benutzt man Methode Attribut in HTML
  • Wie benutzt man Ziel Attribut in HTML
  • Wie benutzt man automatisch vervollständigt Attribut in HTML

So verwenden Sie das Aktionsattribut in HTML -Formularen

Es bestimmt, welche Aktion auf der Formulareingabe i durchgeführt wird.e. Es gibt eine URL an, an die die Formulardaten eingereicht werden. Mit dem folgenden Beispiel können Sie verstehen, wie die Aktion Attribut funktioniert

Beispiel

Im folgenden Code haben wir eine HTML-Datei namens FormsAttribute erstellt.html

  • Innerhalb des Tags geben wir die an Aktion Attribut.
  • Das Aktionsattribut enthält die Adresse einer anderen HTML -Datei mit dem Namen „FormSresult.HTML ”
  • Wir erstellen zwei Felder für Name und Passwort.
  • Als nächstes erstellen wir eine Schaltfläche mit dem Namen "Senden" in der "FormsAttribute".HTML ”Datei.
  • Wenn Sie auf die Schaltfläche Senden klicken, wird uns in die „Formste“ umgeleitet.HTML ”Datei

Formsattribute.html











from.html

Die Formularedaten, die aus dem Formsattribute übermittelt wurden.Die HTML -Datei wird in den Formularen angezeigt.HTML -Datei:


Gehen Sie zurück zu Formattributen.HTML -Datei

Eine erfolgreiche Ausführung des Codes zeigt das folgende Ergebnis:

Beachten Sie die URL der Datei und klicken.HTML -Datei und sie zeigt das folgende Ergebnis:

Beobachten Sie den Unterschied zwischen beiden URLs:

  • Wenn wir auf die Schaltfläche "Senden" klicken, führt sie uns zu den Formularen "Formulare".HTML ”Datei.
  • Anzeigen des Inhalts des „Formsattribute.Die Datei html ”überprüft, ob das Aktionsattribut ordnungsgemäß funktioniert.

So verwenden Sie das Methodenattribut in HTML -Formen

Es bestimmt, wie die Formulardaten übermittelt werden, und für diesen Zweck wird entweder die GET -Methode oder die Post -Methode verwendet.

Methode erhalten

Es findet die Formulardaten innerhalb der URL an und verwendet das Fragezeichen, um die verschiedenen Parameter zu trennen. Wenn wir das Methode -Attribut im Formular Tag nicht erwähnt haben, wird das standardmäßig das festgelegt Erhalten Methode.

Beispiel

Wie im vorherigen Beispiel gezeigt, haben wir keine Methode erwähnt. Standardmäßig sendet sie standardmäßig die Daten mit der erhalten Methode. Das untergegebene Snippet erklärt, wie die Verwendung der Verwendung erhalten Methode:

Formsattribute.Html

Oben Snippet zeigt die folgende Ausgabe an:

Wir geben „Schülername“ und „Passwort“ als „Joe“ und „Joe@123“ an und als Ergebnis erhalten wir die folgende Ausgabe:

Die URL erläutert die folgenden Punkte:

  • Sie sind in den Formen.HTML -Datei
  • Name und Passwort werden in der URL beigefügt, die überprüft, ob die GET -Methode verwendet wird.

Post -Methode

Es sendet die Daten separat an den Server i.e. Es findet die Daten im Körper der Anfrage von HTTP anstelle der URL an. Es ist nützlich, wenn wir vertrauliche Daten auf dem Server speichern müssen.

Beispiel

Das folgende Code hilft Ihnen, zu verstehen, wie man die benutzt Post Methode:

Die Formen.Die HTML -Datei bleibt gleich. Der einzige Unterschied wird im Formulierattribut i sein.e. Wir werden die verwenden Post Methode:

Formsattributes.html

Auf diese Weise werden die Daten veröffentlicht und erscheinen nicht in der URL.

So verwenden Sie das Zielattribut in HTML -Formularen

Es gibt das gezielte Fenster/die Registerkarte/die Registerkarte an, um das Ergebnis i anzuzeigen i.e. Es bestimmt, dass entweder das Ergebnis auf der aktuellen Registerkarte oder neuer Registerkarte angezeigt wird. Es kann dauern _self, _parent, _top und _blank Wert. Der _leer wird das Ergebnis in der neuen Registerkarte zeigen.

Beispiel In diesem Beispiel werden wir die verwenden _leer Wert für die Ziel Attribut zum Anzeigen des Ergebnisses in der neuen Registerkarte:

Im Folgenden finden Sie die Ausgabe für den obigen Code:

Wenn Sie auf die Schaltfläche Senden klicken, wird das Ergebnis in einer neuen Registerkarte angezeigt:

So verwenden Sie das AutoComplete -Attribut in HTML -Formularen

Wie der Name selbst vorschlägt, bestimmt das automatische Attribut, ob die Werte automatisch abgeschlossen sein sollen oder nicht. Zum Beispiel die “autocomplete = on”Ermittelt, dass alles, was ein Benutzer eingibt, für den zukünftigen Gebrauch in Erinnerung bleiben wird.

Beispiel Betrachten wir den folgenden Code, um zu verstehen, wie das automatische Eigenschaften verwendet wird:

Der obige Code legt den Wert von AutoComplete als eins fest und erzeugt die folgende Ausgabe:

Sobald Sie die jeweiligen Felder gefüllt und die Daten übermittelt haben und dann die Seite aktualisiert haben, können Sie überprüfen.

Die Ausgabe überprüft, ob das automatische Eigenschaften angemessen funktioniert.

Abschluss

Die Attribute von HTML bestimmen, wie die Daten des Formulars verarbeitet werden i.e. Die Aktion Das Attribut bestimmt die Aktion, die bei der Einreichung von Formular durchgeführt werden soll, die Methode Das Attribut bestimmt, wie die Daten des Formulars übermittelt werden können.e. Die GET -Methode wird in der URL angehängt oder die Postmethode wird in der Anfrage von HTTP beigefügt. Darüber hinaus gibt das Zielattribut die Registerkarte/das Ziel des Ziels an, und das automatische Vervollständigungsattribut bestimmt, ob die bereits eingegebenen Daten für die spätere Verwendung in Erinnerung bleiben sollten oder nicht.