Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?-Front-End-Fragen und Antworten-php.cn

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

青灯夜游

Freigeben： 2022-05-30 15:34:31

Original

6843 Leute haben es durchsucht

13 neue Typen hinzugefügt: 1. Farbe, Farbauswahlsteuerung; 2. Datum, Datumssteuerung, einschließlich Jahr, Monat und Tag, aber nicht Uhrzeit; 4. Uhrzeit, Zeitsteuerung (nicht mit). Zeitzone); 5. „datetime-local“, Datums- und Zeitsteuerung; 6. Suche, Suchsteuerung usw.

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

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

<input>-Tag gibt ein Eingabefeld an, in das Benutzer Daten eingeben können. Dieses Element wird im

verwendet, um ein Eingabesteuerelement zu deklarieren, das Benutzern die Eingabe von Daten ermöglicht. Das

type-Attribut gibt den Typ des anzuzeigenden <input>-Elements an.

Neuer Eingabesteuertyp (Typattributwert) in HTML5

Wert	Beschreibung
Farbe	definiert den Farbwähler.
Datum	Definieren Sie die Datumssteuerung (einschließlich Jahr, Monat, Tag, ohne Uhrzeit).
datetime	Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, basierend auf der UTC-Zeitzone).
datetime-local	Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, ohne Zeitzone).
email	Definiert die Felder, die für E-Mail-Adressen verwendet werden.
Monat	Definieren Sie Monats- und Jahreskontrollen (ohne Zeitzone).
Nummer	Definiert das Feld zur Eingabe von Zahlen.
range	Definiert Steuerelemente für Eingabezahlen, bei denen der genaue Wert nicht wichtig ist (z. B. ein Schieberegler).
Suche	Definieren Sie ein Textfeld zur Eingabe einer Suchzeichenfolge.
tel	Definieren Sie das Feld zur Eingabe der Telefonnummer.
time	Definiert ein Steuerelement zur Eingabe der Zeit (ohne Zeitzone).
url	Definieren Sie das Feld zur Eingabe der URL.
Woche	Definieren Sie Wochen- und Jahreskontrollen (ohne Zeitzone).

Die Typen werden unten vorgestellt:

Farbe

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?
Wenn Sie darauf klicken, wird eine Farbauswahl angezeigt. Sie können eine beliebige Farbe auswählen.

Nummer

Geben Sie eine Zahl innerhalb des Bereichs ein, die Sie manuell eingeben können eine Nummer außerhalb des Bereichs, kann aber nicht gesendet werden
tel
Telefonnummer eingeben, nur Safari unterstützt
E-Mail
Es verfügt über eine integrierte Erkennungsfunktion. Beim Senden wird erkannt, ob es das @-Symbol enthält. und ob Zeichen vor und nach dem @-Symbol vorhanden sind
Bereich
url
Die eingegebene URL muss mit http:// beginnen und Zeichen dahinter enthalten, andernfalls kann sie nicht übermittelt werden
Suche

Definieren Sie das Textfeld, das zur Eingabe der Suchzeichenfolge verwendet wird
<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Datetime -lokal

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

<input>
<input>

Nach dem Login kopieren

Monatskontrolle - Monat

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

<input>

Nach dem Login kopieren

2-Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt? Wochenkontrolle - Woche

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Datum/Uhrzeit-Kontrolle – Datum/Uhrzeit

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

<input>
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
Beschreibung: Datum/Uhrzeit-Steuerung Unterstützt auch Min- und Max-Attribute und gibt die einstellbare Mindest- und Höchstzeit an

Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

<input>

Nach dem Login kopieren

Verwandte Empfehlungen: „

Das obige ist der detaillierte Inhalt vonWelche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!