HTML -Formen
Grundlagen von HTML -Formen
Hier werden wir nach den Bausteinen der HTML -Formelemente und ihrer jeweiligen Attribute suchen. Lassen Sie uns also in sie eingraben:
HTML -Formelement
Dieses Tag ist die Basis von HTML -Formularen und wird verwendet, um den ersten Schritt zum Erstellen von HTML -Formularen zu tun. Die folgende Syntax bezieht sich auf das Formular -Tag:
Die Elemente der Form würden in den kommenden Abschnitten erörtert. Hier präsentieren wir die von dem HTML -Formelement unterstützte Attribute -Tabelle.
| Attribute des HTML -Formelements | ||
|---|---|---|
| Attribute | Werte) | Beschreibung |
| Aktion | Dadurch definiert der Standort/die Datei, an der die Formulardaten eingereicht werden | |
| Ziel | Es wird verwendet, um die Antwort nach der Einreichung von Formular anzuzeigen | |
| _selbst | Aktuelles Fenster | |
| _Spitze | Vollbild des aktuellen Fensters | |
| _Elternteil | Elternrahmen | |
| _leer | Neues Fenster | |
| Methode | Definiert die HTTP -Methode zum Senden des Formulars | |
| ERHALTEN | Es handelt sich um die Standardmethode, mit der Daten vom Server angefordert werden | |
| POST | Wird verwendet, um Daten an den Server zu senden | |
| Automatisch vervollständigt | An | Die Wiederverwendung des Formulars wird die Felder automatisiert |
| Novalidat | Die Formulardaten werden bei der Einreichung nicht validiert | |
Die obige Tabelle hat alle vom Formularelement unterstützten Attribute zusammengefasst. Erforschen wir Elemente von HTML -Formen.
HTML -Etikettelement
Dieses Element definiert die Beschriftung für HTML -Formularelemente, um den Zweck/die Beschreibung dieses Elements auf dem Bildschirm des Benutzers anzuzeigen. Obwohl es kein notwendiges Element für das Erstellen von HTML -Formularen ist, wird empfohlen, dieses Element hinzuzufügen, da es bei der Führung der Benutzer unterstützt wird.
Die Syntax des Label -Tags wird unten beschrieben
Der Name repräsentiert den Wert, der auf dem Bildschirm des Benutzers angezeigt wird, und akzeptiert ein Attribut mit dem Namen für das enthält den Verweis auf die Ausweis Attribut des Eingabeelements.
HTML -Eingabeelement
Das Eingabeelement wird als Kernelement einer HTML -Form angesehen. Die unten angegebene Syntax bezieht sich auf das Eingabeelement:
Die Funktionalität des Eingabe -Tags hängt von den Attributen und ihren Werten ab. Wir haben die wichtigen Attribute des HTML -Eingangselements aufgeführt.
| Attribute des Eingabeelements | ||
|---|---|---|
| Attribute | Werte) | Beschreibung |
| Ausweis | Legt die Kennung für die Erkennung fest | |
| Wert | Gibt den Anfangswert des Eingangsfeldes an | |
| Name | Wird verwendet, um die Daten des Eingabelements einzureichen | |
| schreibgeschützt | Wird verwendet, um das Textfeld auf schreibgeschützte zu beschränken | |
| maximale Länge | Wird verwendet, um die maximale Anzahl von Zeichen in einem Eingangsfeld zu definieren | |
| Mindest | Wird verwendet, um den Mindestwert von Anzahl, Datum, Bereich, Monat usw. festzulegen., | |
| Max | Der Höchstwert von Anzahl, Datum, Bereich, Monat usw., | |
| mehrere | Mit diesem Attribut können mehrere E -Mail -Adressen eingegeben werden oder mehrere Dateien anhängen | |
| erforderlich | Muss vor der Einreichung gefüllt werden | |
| Platzhalter | Die Dummy -Zeichen, die bereits im Eingabefeld vorhanden sind | |
| Typ | Wird verwendet, um Daten abhängig von den Werten einzufügen | |
| Text | Einzeltextfeld zum Einfügen von Daten | |
| Taste | Erstellen Sie eine Schaltfläche | |
| Passwort | Setzen Sie ein Passwortfeld | |
| einreichen | Senden Sie die Schaltfläche, um das Formular einzureichen | |
| zurücksetzen | Taste zurücksetzen, um alle Werte zurückzusetzen | |
| Radio | So erstellen Sie einen Optionsfeld | |
| Kontrollkästchen | So erstellen Sie ein Kontrollkästchen | |
| Farbe | Eine Farbe des Textfelds festlegen | |
| Datum | Erstellen Sie ein Datumsfeld | |
| So erstellen Sie ein Textfeld, um eine E -Mail -Adresse zu erhalten | ||
| Datei | Ein Feldauswahlfeld wird erstellt, um die Datei zu erhalten | |
| versteckt | Ein Feld, das nur für den Entwickler sichtbar ist | |
| Monat | Monat und Jahr auswählen | |
| Nummer | Erstellt ein Feld, das numerische Werte akzeptiert | |
| Tel | Eine Telefonnummer einfügen | |
| URL | Wird verwendet, um ein Feld zu erstellen, das URL enthält | |
Die in der Tabelle angegebenen Attribute zeigen, dass das Eingabeelement eine Schlüsselrolle beim Erstellen von HTML -Formularen spielt.
HTML TextArea -Element
Mit dem Eingabeelement können Sie ein einzelnes Textfeld einfügen. Wenn Sie jedoch Multi-Line-Textfelder erstellen möchten, müssen Sie Tag mit der folgenden Syntax verwenden:
Dieses Element akzeptiert drei Attribute, Reihen, cols, Und Name. Das Attribut der Zeilen und des Cols, um die festzulegen Höhe Und Breite des Attributs, während die Name Das Attribut wird verwendet, um die textarea vom Server zu erkennen.
Aus der obigen Diskussion wären Sie die Bausteine der HTML -Formen durchlaufen. Üben wir sie, um ein Beispiel -HTML -Formular zu erstellen.
So erstellen Sie eine HTML -Form
Dieser Abschnitt übt einige Beispiele aus, die HTML -Formulare in verschiedenen Szenarien erstellen.
Beispiel
Der unten angegebene Code erstellt neben der Eingabe- und Beschriftungselementen ein HTML -Formular mit dem Formularelement.
Die Beschreibung des Codes lautet wie folgt:
- Ein Formularelement wird deklariert, um den Körper zu starten, der von den Elementen Etikett, Eingabe und Textbereich folgt.
- Zwei Etikettenelemente beziehen sich auf zwei Eingabeelemente, die den Namen und die E -Mail des Benutzers erhalten sollen. Darüber hinaus repräsentiert das letzte Etikettelement das Feld Textbereich.
- Zuletzt wird eine Schaltfläche mit dem Typ Sendentyp des Eingabeelements erstellt.
Ausgang
Für ein besseres Verständnis der Ausgabe haben wir den Bereich hervorgehoben, in dem die Schaltflächen Etikett, Eingabe, TextArea und Einreichung erstellt werden.
Abschluss
Formulare in HTML werden verwendet, um Daten vom Benutzer zu sammeln. Es kann für jeden Zweck wie Kundeninformationen, Registrierung, Feedback, Kommentare usw. sein. Ein HTML -Formular kann verschiedene Textfelder, Optionsfelder, Kontrollkästchen, E -Mail -Felder und viele weitere umfassen. Wir haben die grundlegenden Elemente von HTML -Formen bereitgestellt und zuletzt werden diese Elemente verwendet, um auch ein HTML -Formular zu erstellen.