Heim > Artikel > Web-Frontend > Was sind die Formularelemente von HTML?
HTML-Formularelemente sind: 1. Textbereich „TEXTAREA“; 2. Texteingabefeld „INPUT type=text“; 5. Radio Eingabefelder usw.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5-Version, Dell G3-Computer.
Zu den häufig verwendeten Formularelementen in HTML gehören: Textbereich (TEXTAREA), Listenfeld (SELECT), Texteingabefeld (INPUT-Typ=Text), Passwort-Eingabefeld (INPUT-Typ=Passwort), Radio-Eingabefeld (INPUT-Typ=Radio). ), Eingabefeld aktivieren (INPUT-Typ = Kontrollkästchen), Schaltfläche „Zurücksetzen“, Schaltfläche „Senden“, verstecktes Feld usw.
1. Textfeld
rrree2. Passwortfeld
Passwort ähnelt dem Textfeld, der darin eingegebene Inhalt wird jedoch als Punkte angezeigt.
<input type="text" name="text" value="" />
3. Optionsfeld
Männer:504d5ed46e148db7961169463c21f7a6 Männlichdf250b2156c434f3390392d09b1c9563
Frauen: 00038831a4912c43f56c65b1f4dfda29 Female
4. Kontrollkästchen
<input type="password" name="text" value="" />
5. Button
20e3a70761e951a1f4e087f75ead8f87
6. Zurücksetzen Schaltfläche
Wenn Sie auf die Schaltfläche „Zurücksetzen“ klicken, wird das Formular, in dem sich die Schaltfläche „Zurücksetzen“ befindet, vollständig gelöscht, während andere Formulare davon nicht betroffen sind. b613fb3efe3ffcd49788cf3c24a1ee4b
7. Schaltfläche „Senden“
Wenn Sie auf die Schaltfläche „Senden“ klicken, sendet der Browser das Formular automatisch ab. 92e8cbd9feac6a729893ae422743759e
8. Versteckte Felder
Versteckte Felder werden im Browser nicht angezeigt und dienen nur zum Speichern weniger wichtiger Informationen. cd7d4432dcee515b76e7d4e38afc5e4d
9. Domain hochladen7c571135469d6fdb1d152c9981e73329
10 "image" src="123.gif" />
11. Dropdown-Liste221f08282418e2996498697df914ce4e
<input type="checkbox" name="check1" value="" />
Zum Beispiel:
Attribut: deaktiviert, optionaler Wert: deaktiviert, Beschreibung: legt fest, dass das Dropdown deaktiviert wird Liste.
12. Das label
abel-Element bietet dem Benutzer keine Spezialeffekte. Es verbessert jedoch die Benutzerfreundlichkeit für Mausbenutzer. Dieses Steuerelement wird ausgelöst, wenn Sie auf den Text innerhalb des Beschriftungselements klicken. Das heißt, wenn der Benutzer die Beschriftung auswählt, richtet der Browser den Fokus automatisch auf das Formularsteuerelement, das sich auf die Beschriftung bezieht. Zum Beispiel beim Platzieren eines Optionsfelds in einem Etikett. Wenn Sie dann auf den Text in der Beschriftung klicken, wird auch das Optionsfeld aktiviert, anstatt nur auf den kleinen Punkt zu klicken.
Zum Beispiel:
<option value="0">0</option> <option value="1">1</option> <option value="2">2</option>
13. Deaktivierte und schreibgeschützte
Deaktivierte und schreibgeschützte Attribute. „readonly“ ist nur für die Eingabe (Text/Passwort) und den Textbereich gültig, während „disabled“ für alle Formularelemente gültig ist, einschließlich „Select“, „Radio“, „Checkbox“, „Button“ usw. Wenn wir das Formular jedoch über POST oder GET senden, nachdem das Formularelement deaktiviert wurde, wird der Wert dieses Elements nicht weitergegeben, sondern der Wert wird schreibgeschützt übergeben.
Deaktiviertes Textfeld: 50aa9c5bf13c63e2b8b791ba9abffd75
Schreibgeschütztes Textfeld: e7a863858693c83d041a7c656098a46f
Fourteen, TextArea
Fifteen, Fieldset Defining Domain
Fieldset wird zum Gruppieren von Formularelementen und Legende zum Festlegen des Gruppentitels verwendet.
Formulare sind hauptsächlich für die Datenerfassungsfunktionen auf Webseiten verantwortlich. Ein Formular besteht aus drei Grundkomponenten: Dem Formular-Tag, das die URL des CGI-Programms enthält, das zur Verarbeitung der Formulardaten verwendet wird, und die Methode zur Übermittlung der Daten an den Server. Zu den Formularfeldern gehören Textfelder, Passwortfelder, ausgeblendete Felder, mehrzeilige Textfelder, Kontrollkästchen, Optionsfelder, Dropdown-Auswahlfelder, Datei-Upload-Felder usw. Zu den Formularschaltflächen gehören „Senden“-Schaltflächen, „Zurücksetzen“-Schaltflächen und allgemeine Schaltflächen; sie werden verwendet, um Daten an ein CGI-Skript auf dem Server zu übertragen oder Eingaben abzubrechen. Sie können Formularschaltflächen auch verwenden, um andere Verarbeitungsaufgaben zu steuern, für die Verarbeitungsskripts definiert sind.
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWas sind die Formularelemente von HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!