Heim > Web-Frontend > HTML-Tutorial > Eine ausführliche Einführung in HTML-Formulare und -Eingaben

Eine ausführliche Einführung in HTML-Formulare und -Eingaben

高洛峰
Freigeben: 2017-03-21 17:40:56
Original
1302 Leute haben es durchsucht

HTML-Formular

Ein Formular ist ein Bereich, der Formularelemente enthält.

Formularelemente ermöglichen Benutzern die Eingabe von Inhalten in das Formular, z. B. Textbereiche, Dropdown-Listen, Optionsfelder, Kontrollkästchen usw.

Formulare werden mit dem Formular-Tag

:

festgelegt
.
Eingabeelemente
.


HTML-Formular – Eingabeelement

Das am häufigsten verwendete Formular-Tag ist das Eingabe-Tag ().

Eingabetypen werden durch das Typattribut (Typ) definiert. Die am häufigsten verwendeten Eingabetypen sind wie folgt:


Textfelder

Das Textfeld wird über das Tag festgelegt. Wenn der Benutzer Buchstaben, Zahlen usw. in das Formular eingibt, wird das Textfeld verwendet.


Vorname:

Nachname:


Passwortfeld

Das Passwortfeld wird mit dem Tag :

definiert


Passwort:


Optionsfelder(Optionsfelder)

Das Tag definiert die Optionsfeldoptionen des Formulars


Male

Female

Der Browser-Anzeigeeffekt ist wie folgt:


Kontrollkästchen

definiert ein Kontrollkästchen. Der Benutzer muss eine oder mehrere Optionen aus einer Reihe vorgegebener Optionen auswählen.


Ich habe ein Fahrrad

Ich habe ein Auto

Der Browser-Anzeigeeffekt ist wie folgt:


Schaltfläche „Senden“

definiert die Schaltfläche zum Senden.

Wenn der Benutzer auf die Schaltfläche „Bestätigen“ klickt, wird der Inhalt des Formulars in eine andere Datei übertragen. Das Aktionsattribut des Formulars definiert den Dateinamen der Zieldatei. Die durch das Aktionsattribut definierte Datei führt normalerweise eine entsprechende Verarbeitung der empfangenen Eingabedaten durch. :

action="html.php" method="get">
Benutzername:



HTML-Formular-Tag

Neu: HTML5Neuer Tag

Tag Beschreibung
Definieren Sie ein Formular für Benutzereingaben
Eingabefelder definieren