Heim > Artikel > Web-Frontend > Was bedeutet Eingabe in HTML5?

Was bedeutet Eingabe in HTML5?

青灯夜游Original: 2022-03-15 16:45:052169Durchsuche

Eingabe bedeutet in HTML5 „Eingabefeld“, das das Eingabefeld angibt, in das Benutzer Daten eingeben können. Abhängig vom Typattribut in der Eingabe verfügt das Eingabefeld über viele Formen, bei denen es sich um Textfelder, Kontrollkästchen und Kennwortfelder handeln kann . , Optionsfelder, Schaltflächen usw.

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

input bedeutet „Eingabefeld“ in HTML5. Das

-Tag gibt ein Eingabefeld an, in das der Benutzer Daten eingeben kann.

-Elemente werden in

-Elementen verwendet, um Eingabesteuerelemente zu deklarieren, die Benutzern die Eingabe von Daten ermöglichen.

Syntax:

<input type="类型值" />

Eingabefelder haben je nach Typattribut mehrere Formen. Eingabefelder können Textfelder, Kontrollkästchen, Passwortfelder, Optionsfelder, Schaltflächen usw. sein.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="number" placeholder="只能输入数字"/>
	</body>
</html>

Was bedeutet Eingabe in HTML5?

input Der Typ des Elements – Der Wert, auf den das Typattribut gesetzt werden kann mit JavaScript zum Starten eines Skripts).

KontrollkästchenFarbeDatumdatetimedatetime-localemailDateiverstecktBildMonatNummerPasswortRadiorangeZurücksetzenSucheSendentelTexttimeurlWoche Beispiel:

<input type="button" value="点我">

<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>

选择你喜欢的颜色: <input type="color" name="favcolor"><br>

生日 (日期和时间): <input type="datetime" name="bdaytime">

Kontrollkästchen definieren.
Definieren Sie den Farbwähler.
Definieren Sie die Datumssteuerung (einschließlich Jahr, Monat, Tag, ohne Uhrzeit).
Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, basierend auf der UTC-Zeitzone).
Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, ohne Zeitzone).
Definiert die Felder, die für E-Mail-Adressen verwendet werden.
Dateiauswahlfelder und Schaltfläche „Durchsuchen…“ zum Datei-Upload definieren.
Versteckte Eingabefelder definieren.
Bild als Senden-Button definieren.
Definieren Sie Monats- und Jahreskontrollen (ohne Zeitzone).
Definiert das Feld zur Eingabe von Zahlen.
Definieren Sie das Passwortfeld (Zeichen im Feld werden maskiert).
Radio-Buttons definieren.
Definiert Steuerelemente für Eingabezahlen, bei denen der genaue Wert nicht wichtig ist (z. B. ein Schieberegler).
Schaltfläche zum Zurücksetzen definieren (alle Formularwerte auf Standardwerte zurücksetzen).
Definieren Sie ein Textfeld zur Eingabe einer Suchzeichenfolge.
Definieren Sie die Schaltfläche „Senden“.
Definieren Sie das Feld zur Eingabe der Telefonnummer.
Standard. Definiert ein einzeiliges Textfeld (Standardbreite beträgt 20 Zeichen).
Definiert ein Steuerelement zur Eingabe der Zeit (ohne Zeitzone).
Definieren Sie das Feld zur Eingabe der URL.
Definieren Sie Wochen- und Jahreskontrollen (ohne Zeitzone).

Empfohlenes Tutorial: „

HTML-Video „

Das obige ist der detaillierte Inhalt vonWas bedeutet Eingabe in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html5 css3 html checkbox date mail 字符串 number input

Stellungnahme：

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

Vorheriger Artikel：Ist das Einbetten eines neuen Tags in HTML5 erforderlich?Nächster Artikel：Ist das Einbetten eines neuen Tags in HTML5 erforderlich?

In Verbindung stehende Artikel

Mehr sehen