Einführung in HTML-Formulare

Der Inhalt dieses Artikels befasst sich mit der Einführung von HTML-Formularen, -Tabellen und -Medienelementen. Er hat einen guten Referenzwert und ich hoffe, er kann Freunden in Not helfen.

Formular-Tag form:

//Entspricht einer Liste, die Benutzerinformationen aufzeichnet
Gemeinsame Attribute: Methode: Formularübermittlungsmethode, es gibt zwei häufig verwendete WerteEs ist zu beachten, dass Formularelemente zwischen Formular-Tags und nicht außerhalb des Formulars geschrieben werden sollten
Häufig verwendete Formularelemente:
(1): Textfeld, in das Inhalte eingegeben werden können
Formularelemente können auch den Standardwert des Wertattributs festlegen: value="123"
(2) : Passwortfeld, der Eingabeinhalt wird ausgeblendet
Jedes Formular Das Element muss das Namensattribut festlegen, das zur Identifizierung des Namens des Formularelements verwendet wird
(3) : Schaltfläche „Zurücksetzen“. Wenn Sie darauf klicken, kehrt das Eingabefeld im Formular in den Ausgangszustand zurück
(5): Optionsfeld,
Sie können nur ein Optionsfeld in derselben Gruppe auswählen. Verwenden Sie zum Beispiel „Name“, um zu gruppieren, Geschlecht: Namen sind beide Geschlechter. Wenn die Namenswerte unterschiedlich sind, bedeutet dies, dass dies nicht der Fall ist in derselben Gruppe. Beim Absenden wird der Wert übermittelt,
(6) Mehrfachauswahlfeld, nach Namen gruppiert, mehrere Auswahlmöglichkeiten können übermittelt werden, Der Wert wird zu diesem Zeitpunkt übermittelt
ps: Optionsschaltflächen und Mehrfachauswahlschaltflächen können das standardmäßig ausgewählte Element festlegen, indem sie das aktivierte Attribut festlegen

(7)
Listenelement 1
                                                          🎜>

(8)Bildschaltfläche

Lassen Sie die Schaltfläche wie ein Bild aussehen und klicken Sie darauf, um das Formular abzusenden

(9)< ;input type="button" value="Text anzeigen"/> ;Normale Schaltfläche
Eine Schaltfläche ohne Funktion wird in Zukunft sehr häufig verwendet werden
Hinweis: Wenn das Typattribut nicht festgelegt ist, ist das Standardtypattribut text
(10)Textbereich, Sie können mehrere Zeilen Inhalt anzeigen oder eingeben
(11)Um eine Datei hochzuladen, müssen Sie auch das enctype-Attribut im Formular-Tag auf multiple/form-data setzen.

(12)E-Mail-Feld, Sie müssen ein korrektes E-Mail-Format eingeben, bevor Sie das Formular absenden können

Fehler werden angezeigt

(13)Im URL-Feld muss eine vollständige URL eingegeben werden, wie zum Beispiel: http://www.baidu.com
(14)In das Zahlenfeld können nur Zahlen eingegeben werden
Wenn Sie andere Zeichen eingeben, kann das Formular nicht gesendet werden.
(15)Schieberegler, Sie können nach links und rechts gleiten
(16)< input type="search"/>Suchfeld, verschiedene Browser zeigen es in unterschiedlichen Stilen an
(17)Sie können die Farbe auswählen
(18)< Eingabetyp="datetime"/>Eingabefeld im Zeitformat
Primäre Überprüfung des Formulars: Inhalt der Placehoder-Eingabeaufforderung, nicht leeres Urteil erforderlich
Überprüfung regulärer Ausdrücke durch Muster
Kastanie: Versteckte Felder:
Versteckte Felder sind Inhalte, die Benutzer nicht sehen können. Sie können zur Unterscheidung von Formularen verwendet werden -only:

                                                                                                                                                              Der Inhalt des Eingabefelds kann nicht geändert werden. „Text“ deaktiviert/& GT; Attribut kann das Element nicht verwendet werden , und die Asche kann nicht gewonnen werden.                                                                                                                               Element-ID-Wert

Verwandte Empfehlungen:


Einführung in Listen, Tabellen und Medienelemente in HTML



Einführung in HTML-Formate und -Tags

Das obige ist der detaillierte Inhalt vonEinführung in HTML-Formulare. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!