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

rrree

2. Passwortfeld

Passwort ähnelt dem Textfeld, der darin eingegebene Inhalt wird jedoch als Punkte angezeigt.

<input type="text" name="text" value="" />

3. Optionsfeld

Männer: Männlich

Frauen: Female

4. Kontrollkästchen

<input type="password" name="text" value="" />

5. Button

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.

7. Schaltfläche „Senden“

Wenn Sie auf die Schaltfläche „Senden“ klicken, sendet der Browser das Formular automatisch ab.

8. Versteckte Felder

Versteckte Felder werden im Browser nicht angezeigt und dienen nur zum Speichern weniger wichtiger Informationen.

9. Domain hochladen

10 "image" src="123.gif" />

11. Dropdown-Liste

<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:

Schreibgeschütztes Textfeld:

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!