Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeutet Eingabe in HTML5?

Was bedeutet Eingabe in HTML5?

青灯夜游
Freigeben： 2022-03-15 16:49:38
Original
2218 Leute haben es durchsucht

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.

Was bedeutet Eingabe in HTML5?

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="类型值" />
Nach dem Login kopieren

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>
Nach dem Login kopieren

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="点我">
Nach dem Login kopieren
<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Nach dem Login kopieren
选择你喜欢的颜色: <input type="color" name="favcolor"><br>
Nach dem Login kopieren
生日 (日期和时间): <input type="datetime" name="bdaytime">
Nach dem Login kopieren


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!

Verwandte Etiketten：
html5 input
Quelle：php.cn
Vorheriger Artikel：Ist das Einbetten eines neuen Tags in HTML5 erforderlich? Nächster Artikel：Was ist CSS3-Flexbox?
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Das Eingabeelement konnte nicht von der Website abgerufen werden Ich versuche also, ein Eingabeelement von Twitter abzurufen, aber wenn ich es ausführe, er...
Aus 2024-04-06 18:59:57
0
1
442
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Zeigen Sie durch Iteration ein verschachteltes Array von Objekten in einer HTML-Tabelle an Ich habe die folgende Eingabe, die ein Array verschachtelter Objekte enthält. summary ist ...
Aus 2024-04-05 14:11:42
0
1
1373
React das schließende Tag der Eingabe rendern lassen? Ich habe eine ungewöhnliche Anfrage. Meine Website wird mit React erstellt und ich möchte,...
Aus 2024-04-03 23:01:01
0
1
320
Shopware 6 Plugin: So entfernen Sie die boolesche Konfiguration und migrieren sie zur Multi-Select-Konfiguration Ich habe ein Shopware6-Plugin, das derzeit mit einem booleschen Wert für „reviewSkipModera...
Aus 2024-04-03 23:09:28
0
1
410
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved

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).