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
XML/HTML-CodeInhalt in die Zwischenablage kopieren
<Formular>
<Eingabe Typ=“Text“ Name=“Vorname“ / >
<Eingabe Typ=“Text“ Name=“Nachname“ />
form> ;
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.
<form> <input type=”radio” name=”sex” value=”male” /> 男生 <input type=”radio” name=”sex” value=”female” /> 女生 </form>
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
<form> <input type=”checkbox” name=”val1″ /> 前端开拓者不错 <input type=”checkbox” name=”val2″ /> 前端开拓者一般 </form>
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
<form> <select name=”cars”> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”fiat”>Fiat</option> <option value=”audi”>Audi</option> </select> </form>
Senden-Schaltfläche ist ein notwendiger Bestandteil jeder Form. Nachdem der Benutzer die entsprechenden Informationen eingegeben hat, muss er auf die Schaltfläche „Senden“ klicken, um die Aktion auszulösen und die Formularwerte an die nächste Seite zu senden. Wenn das Aktionsattribut im
<form name=”input” action=”http://www.frontopen.com/” method=”get”> 关键字: <input type=”text” name=”s” id=”s” /> <input type=”submit” value=”搜索” /> </form>
Fazit: Dieser Abschnitt bietet nur eine grundlegende Demonstration und Erklärung häufig verwendeter Formular-Frontend-Layoutelemente. Realform-Anwendungen werden meist in Server-Programmiersprachen verwendet, und es müssen mehr Parameter und Regeln festgelegt werden. In dieser Lektion müssen Sie nur verstehen, wie die Elemente des Formulars angeordnet werden. In den meisten Fällen können Sie grundsätzlich mit dem Hintergrundprogrammierer zusammenarbeiten, um die Website-Entwicklung abzuschließen.
Verwandte Empfehlungen:
Detaillierte Erläuterung der HTML-Formularelemente
JQuery-Formularüberprüfung, ob das Optionsfeld ausgewählt ist. Erfahrungszusammenfassung
Das obige ist der detaillierte Inhalt vonVerwendung von HTML-Formular-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
