Welche neuen Eingabesteuerelementtypen werden in HTML5 hinzugefügt?

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.

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

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>

• Datetime -lokal

<input>
<input>

• Monatskontrolle - Monat

<input>

Wochenkontrolle - Woche

• <input>

Datum/Uhrzeit-Kontrolle – Datum/Uhrzeit

• <input>

  Beschreibung: Datum/Uhrzeit-Steuerung Unterstützt auch Min- und Max-Attribute und gibt die einstellbare Mindest- und Höchstzeit an

<input>

Verwandte Empfehlungen: „

HTML-Video-Tutorial
• “

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!