HTML5 - Formularerstellung

Die Formulare sind Elemente in HTML 5, die die Erfassung von Daten durch andere untergeordnete Elemente ermöglichen. Um diese Daten zu verarbeiten, benötigen wir eine zusätzliche Sprache, um die vom Formular gesendeten Daten verwenden zu können großer Behälter wird Form.
Erstellen Sie ein Grundformular
Um ein Formular zu generieren, müssen wir das Label verwenden Form Dies wird unser großartiger Container sein, in dem wir Dateneingabeelemente, Abschnittsnamen und Schaltflächen gruppieren, die eine bestimmte Aktion anzeigen; die grundlegenden Komponenten, die in die Form sind: Eingang Ja Taste und die grundlegenden Attribute, die es trägt, sind Aktion Ja Methode Dies sind nicht die einzigen zusammenhängenden Elemente, aber sie sind die wichtigsten, denn sie definieren die Grundlage, mit der wir arbeiten müssen.
Sehen wir uns unten an, wie Sie ein Basisformular generieren:

 Beispiel Abstimmung einreichen 

Wie wir sehen Form umfasst die Elemente Eingang Ja Taste. In diesem Fall verwendet es auch die Attribute Methode Ja Aktion die wir bereits erwähnt hatten, beschreiben wir jeden von ihnen.

• Eingang: Dieses Element ermöglicht es uns, Informationen zu erfassen, die der Benutzer unserer Seite in Textform eingeben wird, es hat mehrere Attribute im Fall unseres nur von uns verwendeten Beispiels Süßkartoffel, ermöglicht dieses Attribut, dem Element einen Bezeichner zuzuweisen. Dies bedeutet, dass wir beim Senden an den Server einige Methoden verwenden können, um die erfassten Informationen zu erhalten. Daher ist es wichtig, dass die Süßkartoffel innerhalb eines Formulars eindeutig sein.

• Taste: Dieses Element ermöglicht es uns, eine Schaltfläche im Formular zu erstellen. Im Allgemeinen sind die Schaltflächen diejenigen, die uns mitteilen, dass das Formular verarbeitet wird, wenn wir sie drücken. In unserem Beispiel platzieren wir keine Attribute drücken Sie es wird nichts passieren.

• Methode: Es ist ein Attribut des Tags Form, Es ist von entscheidender Bedeutung, da es die Art und Weise angibt, in der die vom Formular gesammelten Benutzerinformationen weitergegeben werden. Es kann zwei Werte haben POST Ja BEKOMMEN.

Die erste sendet die Daten über http, damit wir die Daten versteckt senden können und nur die Zielseite sie empfangen kann. Diese Methode ist ziemlich sicher und ermöglicht es uns, die sensiblen Daten des Formulars zu senden.
Die zweite sendet die Daten als Parameter in der URL. Dies ist nicht sehr sicher, da jeder mit minimalen Kenntnissen interpretieren könnte, was gesendet wird, und möglicherweise versuchen, die Informationen zu ändern. wie eine Auflistungsseite, Kontrollstatus, die das Programm nicht beeinflussen, Abfrage-IDs usw.

• Aktion: Dieses Attribut steuert, auf welche Seite das Formular geht, dh wer die Daten erhält. Wird das Formular ausgelassen, wird es an dieselbe Seite gesendet, die es enthält.

Sehen wir uns als nächstes an, was unser grundlegendes Beispiel für uns hervorgebracht hat.

Wie wir sehen, handelt es sich um ein Texteingabefeld und eine Schaltfläche ohne zusätzliche Elemente. Dies ermöglicht es uns, es an eine andere Seite zu senden, wo wir es mit einer Programmiersprache verarbeiten können.
Damit schließen wir das Tutorial ab, wir haben bereits eine Vorstellung davon, wie man Grundformen baut, welche Elemente wesentlich sind und welchen Zweck ihre Attribute haben.
Wenn Sie tiefer gehen möchten, schauen Sie sich mein anderes Tutorial an:
Erweiterte Formulare in HTML5Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben