Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

高洛峰
Freigeben: 2017-03-24 11:44:45
Original
1947 Leute haben es durchsucht

Eingabe-Tag

Das Eingabe-Tag wird von selbst geschlossen

<input />
Nach dem Login kopieren

Die Eingabeserie umfasst Kontrollkästchen, Redio, Passwort, Schaltfläche, Datei usw.

1 . type='text' und type='password'

<input type=&#39;text&#39; />
Nach dem Login kopieren

type='text' und type='password'

用户名:<input type="text"/>
<br/><br/>
密  码:<input type="password"/>
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

Eingabelänge begrenzen: type='text' maxlength="3"

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

2. Kontrollkästchen: type='checkbox'

兴趣爱好:
篮球: <input type="checkbox"/>
足球: <input type="checkbox"/>
排球: <input type="checkbox"/>
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

3. Optionsschaltfläche type='radio'

性别:
男: <input type="radio" name="gender"/> 女:<input type="radio" name="gender"/>
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

4. Schaltfläche "Senden": type='button'

Schaltfläche - Gewöhnliche Schaltfläche, Schaltfläche „Senden-Senden“; die Schaltfläche „Senden“ wird im Allgemeinen verwendet, wenn sie auf einer Webseite angezeigt wird und Informationen an den Server senden muss, während die Schaltfläche „Senden“ dazu dient, eine Schaltfläche zu erstellen Die Schaltfläche ist implementiert und wird vom Seiteneditor entschieden. Wenn der Benutzer beispielsweise am selben Tag Fehler oder Abweichungen eingibt, können Sie auf der Webseite eine Schaltfläche zum Löschen (Zurücksetzen) erstellen. Ein Formular kann mehrere normale Schaltflächen und mindestens eine Senden-Schaltfläche haben (erforderlich, um die Formularseite zu senden)

<input type="button" value="提交"/>
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

5 🎜>

6. Datei hochladen: type='file'

<input type="file" />
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

7. Mehrzeiliges Ausgabefeld:

<textarea>这里可以输入多行信息</textarea>
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

Formular-Tag:

oder


Wenn der Wert der Methode get ist, werden der Inhalt und die Parameter über die URL übergeben. Zu diesem Zeitpunkt können wir den von uns selbst übermittelten Inhalt sehen die URL.

Wenn der Wert der Methode „post“ ist, werden der Inhalt und die Parameter durch einen ähnlichen Cache geleitet, aber die URL kann den ausgefüllten Inhalt und den übermittelten Inhalt nicht sehen.

Für das HTML-Formular-Tag können die Daten nur mit dem Formularformular und der Übermittlungsmethode (Beitrag abrufen) (verstehen Sie den Unterschied zwischen Beitrag erhalten) an das Programm zur Verarbeitung übertragen werden, andernfalls kann das Programm die Daten nicht empfangen zu verarbeitenden Daten.

Der Unterschied zwischen Schaltfläche und Senden:

Die Schaltfläche im Formular sendet die Daten nicht im Formular (sofern nicht angepasst, z. B. mit JS angepasst). Mit „Senden“ werden die Daten definitiv übermittelt.

姓名:<input type="text" maxlength="10"/>
密码:<input type="password" />
<br/><br/>
<input type="submit" onclick="alert(123)" value="提交" />
Nach dem Login kopieren

Detaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML

Da Submit Daten übermitteln kann, warum brauchen wir eine Schaltfläche?

Die dem Senden entsprechende Methode ist Post, bei der Daten an den Hintergrund gesendet werden, und die der Schaltfläche entsprechende Methode ist Get. Fügen Sie beispielsweise eine Schaltfläche zur Seite hinzu und legen Sie den Wert auf „Aktualisieren“ fest Die Bedeutung der Schaltfläche besteht darin, die Seite zu aktualisieren, ohne Daten an den Hintergrund zu senden.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in Eingabe-Tags und Formular-Tags in HTML. 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