简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

Verwendung von HTML-Formular-Tags

小云云
Freigeben： 2018-01-26 11:19:40
Original
6829 Leute haben es durchsucht

Im Allgemeinen wird das -Tag in Formularen verwendet, um Benutzereingabeinformationen zu sammeln. Das am häufigsten verwendete Formular-Tag ist das Eingabe-Tag (). Eingabetypen werden durch das Typattribut (Typ) definiert. Zu den gängigen Eingabetypen gehören Textfelder, Optionsfelder, Kontrollkästchen, Dropdown-Menüs usw.

Formulare in HTML können zum Sammeln verschiedener Arten von Benutzereingabeinformationen verwendet werden. Ein Formular ist eigentlich ein Bereich, der Formularelemente enthält. Die Eingabeinformationen verschiedener Elemente in diesem Bereich werden schließlich über das Formular an das Programmskript übermittelt. Zu den häufigsten gehören beispielsweise Benutzeranmeldung, Registrierung, Veröffentlichung von Artikeln usw., die alle an dynamische Programme zur Verarbeitung über Formulare übermittelt werden. In diesem Abschnitt geht es hauptsächlich um Formulare und Formularelemente. Wie Formularinformationen an dynamische Programme übermittelt werden, wird in zukünftigen Programmiersprachenlektionen besprochen.
Der Bereich des Formulars verwendet das Tag

, um den Umfang des Formulars zu definieren. Die Werte der Elemente in
dieses Formular.
Textfeld
Das Textfeld bietet Benutzern die Möglichkeit, Text einzugeben. Der Browser interpretiert das Textfeld als rechteckiges Feld. Der Benutzer bewegt den Cursor auf das Feld und klickt darauf Der Cursor kann in den Rahmen bewegt werden. Benutzer können Buchstaben, Zahlen usw. in das Formular eingeben.
Das Textfeld wird durch Festlegen des Textwerts für das Typattribut im -Tag


XML/HTML-CodeInhalt in die Zwischenablage kopieren

  1. <Formular>

  2. Textfeld 1:

    <Eingabe Typ=“Text“ Name=“Vorname“ / >

  3. Textfeld 2:

    <Eingabe Typ=“Text“ Name=“Nachname“ />

  4. form> ;

Der Browser zeigt wie folgt an:


201678135308382.png (296×89)

Radio-Button
Radio-Button in den meisten Fällen Erscheint in den Optionen für Benutzer zur Eingabe von Informationen bei der Registrierung. Bei dieser Art von Mehrbenutzermodus können Benutzer nur ein Ergebnis auswählen. Das Optionsfeld wird definiert, indem der Wert des Typattributs im -Tag auf radio gesetzt wird. 

  1. <form>
<input type=”radio” name=”sex” value=”male” /> 男生   
<input type=”radio” name=”sex” value=”female” /> 女生   
</form>
    Nach dem Login kopieren
Die Anzeige im Browser ist:


201678135342504.png (164×77)

Kontrollkästchen
Mithilfe von Kontrollkästchen können Benutzer bestimmte entsprechende Optionen oder Optionen markieren. Eine häufige Möglichkeit besteht darin, Benutzern Funktionen bereitzustellen, z. B. das Merken ihres Anmeldekontos beim Anmelden. Auf der Benutzerumfrageseite können Sie auch mehrere Meinungen von Benutzern einholen. Das Kontrollkästchen wird definiert, indem der Wert des Typattributs im Tag auf checkbox

  1. <form>
<input type=”checkbox” name=”val1″ />
前端开拓者不错   
<input type=”checkbox” name=”val2″ />
前端开拓者一般   
</form>
    Nach dem Login kopieren
    2. gesetzt wird folgt:


201678135409883.png (203×92)

Dropdown-Menü

Das Dropdown-Menü ähnelt der Radioauswahl bei der Informationsauswahl, das Dropdown-Menü kann jedoch angepasst werden Weitere Informationen. Und das Dropdown-Menü kann nach Auswahl des Menüwerts zusätzliche Skripte ausführen.
Das Dropdown-Menü beginnt mit