HTML-Formular-Tag-Zusammenfassung

    最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。                                                    -----DanlV

Nach dem Login kopieren

form是HTML的一个极为重要的功能标签之一。

Nach dem Login kopieren

Eingabefeldeingabe

Das Eingabetypattribut hat die folgenden Attributwerte:
1.Schaltfläche (weitere Details unten)
2.Datei wird für die Dateiauswahl verwendet
3.verstecktes verstecktes Feld, das versteckte Operationen realisieren kann
4.Text wird für die Texteingabe verwendet
5.Passwort wird für die Passworteingabe verwendet
6.Radio-Optionsfelder, diejenigen mit demselben Namensattribut sind eine Gruppe
7.Kontrollkästchen-Mehrfachauswahlschaltflächen , diejenigen mit demselben Namensattribut sind eine Gruppe
8.Schaltfläche zum Senden des Bildbildformulars
9.Schaltfläche zum Zurücksetzen des Formulars zurücksetzen
10.Schaltfläche zum Senden des Formulars
alt-Attribut, definiert, wenn die Schaltfläche ein Bild ist, der Alternativtext des Bildes
src-Attribut definiert, wenn die Schaltfläche ein Bild ist, die Linkadresse des Bildes
geprüftes Attribut, definieren Sie den Wert der Standardoption <input type="radio" name="" checked>geprüft als wahr oder falsch, oder Sie können ihn direkt als geprüft schreiben
Attribut „disabled“ zum Deaktivieren des aktuellen Eingabefelds (Verwendung wie „checked“)
readonly-Attribut, schreibgeschützt für das aktuelle Eingabefeld, die eigentliche Funktion ist die gleiche wie „disabled“, wird jedoch angezeigt Wirkung ist unterschiedlich (Verwendung ist wie aktiviert)
maxlength-Attribut, definiert Die maximale Länge der Eingabefeldzeichen
Name-Attribut, definiert den Namen des aktuellen Eingabefeldes
Wertattribut, definiert den Standardwert des aktuellen Eingabefeldes

Texteingabebereich Textbereich

rows-Attribut, gibt die Anzahl der sichtbaren Zeilen an
cols-Attribut, gibt die Anzahl der sichtbaren Spalten an
deaktiviertes Attribut, deaktiviert den aktuellen Texteingabebereich
Namensattribut, aktueller Text Der Name des Bereichs
readonly-Attribut, der aktuelle Textbereich ist schreibgeschützt

Schaltfläche Schaltfläche

Es gibt drei Typtypen:
1.type="button" normale Funktionsschaltfläche
2.type="submit" Formular-Funktionsschaltfläche senden
3.type="reset" Legen Sie die formularfunktionsbezogene Attributschaltfläche fest
Disabled-Attribut zum Deaktivieren dieser Schaltfläche
Namensattribut, der Name der Schaltfläche
Wertattribut, der Standardwert des Textinhalts, der auf der Schaltfläche angezeigt wird

Down-Menü auswählen

Zugehörige Attribute:
1.deaktiviert Attribut, deaktivieren Sie das Menü
2.Multiple-Attribut, das festlegt, dass mehrere Elemente gleichzeitig ausgewählt werden können
3.Name-Attribut, der Name der Dropdown-Liste
4.Size-Attribut, in das Menü Die Anzahl der sichtbaren Elemente
<optgroup>标签, definiert die Optionsgruppierung der Dropdown-Liste, die Attribute sind:
5.label-Attribut, definiert die Beschriftung ( Name) der Optionsgruppe, erforderliche Attribute
6.disabled-Attribut, deaktivieren Sie das Attribut
<optinon>, definieren Sie die Optionen in der Dropdown-Liste (dieses Tag befindet sich in das <optgroup>-Tag), das Attribut lautet:
1

`<label>`

Diese Methode verwendet das for-Attribut von label und der Wert gibt den Namen des Eingabebereichs an

<label for="user"></label> <inpu t type="text" name="user">Fügen Sie die Eingabe direkt in das Etikett ein. Es ist nicht erforderlich, das for-Attribut zu verwenden, was empfohlen wird.
---
Gruppenfeldsatz verwandter Elemente im Formular
<label > <input type="text" name="user"></label>

Gruppieren Sie verwandte Elemente im Formular. Verwenden Sie das Tag
, um den Gruppentitel zu definieren . Relevante Beispiele finden Sie im letzten Code.
Codebeispiel

`<legend>`

Das obige ist der detaillierte Inhalt vonFassen Sie einige Verwendungsmöglichkeiten von HTML-Formularen zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!