Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Tags in HTML-Formularen?

Was sind die Tags in HTML-Formularen?

青灯夜游
Freigeben: 2021-06-08 15:11:56
Original
7352 Leute haben es durchsucht

HTML-Formular-Tags: „

“, „“, „

Was sind die Tags in HTML-Formularen?

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

HTML-Formulare werden verwendet, um verschiedene Arten von Benutzereingaben zu sammeln. Formularelemente beziehen sich auf verschiedene Arten von Eingabeelementen, Kontrollkästchen, Optionsfeldern, Senden-Schaltflächen usw.

HTML-Formular-Tags:

Erweiterte Informationen: Element

-Elemente haben je nach Typattribut viele Formen.

1. Textfelder

Textfelder werden über das Tag festgelegt.

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
Nach dem Login kopieren

Der Browser zeigt Folgendes an:

Was sind die Tags in HTML-Formularen?

Hinweis: Das Formular selbst ist nicht sichtbar. Außerdem beträgt die Standardbreite eines Textfelds in den meisten Browsern 20 Zeichen.

2. Passwortfeld

Das Passwortfeld wird durch das Tag :

<form>
Password: <input type="password" name="pwd">
</form>
Nach dem Login kopieren

Der Browser-Anzeigeeffekt ist wie folgt:

Was sind die Tags in HTML-Formularen?

Hinweis: Die Zeichen des Passwortfelds werden nicht im Klartext angezeigt, sondern durch ein Sternchen oder einen Punkt ersetzt.

3. Optionsfelder

Tag definiert die Formular-Optionsfeldoptionen

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Nach dem Login kopieren

Der Browser-Anzeigeeffekt ist wie folgt:

Was sind die Tags in HTML-Formularen?

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

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Nach dem Login kopieren

Der Browser-Anzeigeeffekt ist wie folgt:

Was sind die Tags in HTML-Formularen?5. Submit-Button

definiert den Submit-Button.

Wenn der Benutzer auf den Bestätigungs-Button klickt, wird das Formular angezeigt Der Inhalt wird 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. :

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Nach dem Login kopieren

Der Browser-Anzeigeeffekt ist wie folgt:

Was sind die Tags in HTML-Formularen?Wenn Sie ein paar Buchstaben in das Textfeld oben eingeben und auf die Schaltfläche „Bestätigen“ klicken, werden die Eingabedaten an die Seite „html_form_action.php“ gesendet. Auf dieser Seite werden die Ergebnisse der Eingabe angezeigt.

Empfohlenes Tutorial: „

HTML-Video-Tutorial

Tag Beschreibung
Definieren Sie ein Formular für Benutzereingaben.
Eingabefelder definieren
Definieren Sie den Textbereich (ein mehrzeiliges Eingabesteuerelement)
definiert die Beschriftung des -Elements, normalerweise den Eingabetitel
Definieren Sie einen Satz verwandter Formularelemente und verwenden Sie einen äußeren Rahmen, um sie einzuschließen.
Dropdown-Optionsliste
Optionsgruppe definieren
Optionen in der Dropdown-Liste definieren
Eine Klickschaltfläche definieren
Gibt eine vordefinierte Liste von Eingabesteuerungsoptionen an.
Definiert das Schlüsselpaargeneratorfeld des Formulars.
Definiert ein Berechnungsergebnis

Das obige ist der detaillierte Inhalt vonWas sind die Tags in HTML-Formularen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage