Das beste HTML5 Eingabetypen-Tutorial im Jahr 2024. In diesem Tutorial können Sie HTML5 Neue Eingabetypen,Eingabetyp: Farbe,Beispiele,Eingabetyp: Datum,Beispiele,Eingabetyp: datetime,Beispiele,Eingabetyp: datetime-local,Beispiele,Eingabetyp: E-Mail,Beispiele,Eingabetyp: Monat,Beispiele,Eingabetyp: Zahl,Beispiele,Eingabetyp: Bereich,Beispiele,Eingabetyp: Suche,Beispiele,Eingabetyp: tel,Beispiele,Eingabetyp: Zeit,Beispiele,Eingabetyp: url,Beispiele,Eingabetyp: Woche,Beispiele,HTML5 <input> -Tag, lernen
HTML5 hat einige neue Formulareingabetypen. Diese neuen Funktionen bieten eine bessere Eingangskontrolle und Validierung.
Dieses Kapitel beschreibt diese umfassende neue Input-Typen:
Hinweis: Nicht alle großen Browser unterstützen die neuen Input - Typen, aber Sie können sie bereits in allen gängigen Browsern nutzen.Wenn nicht unterstützt, kann es immer noch als reguläre Textfelder erscheinen.
Farbe in dem Eingabefeldtyp verwendet wird hauptsächlich verwendet, um die Farbe zu wählen, wie folgt:
Wählen Sie eine Farbe aus der Farbauswahl:
Datumstyp ermöglicht es Ihnen, ein Datum von einem Datumsauswahl zu wählen.
Datetime-Typ können Sie ein Datum (UTC-Zeit) zu wählen.
Definieren Sie ein Datum und eine Zeitsteuerung (Ortszeit):
datetime-local-Typ können Sie ein Datum und Uhrzeit (keine Zeitzone) zu wählen.
Definieren Sie ein Datum und Uhrzeit (keine Zeitzone):
E-Mail-Typ wird für Eingabefelder verwendet werden, sollten E-Mail-Adressen enthalten.
Wenn das Formular abgeschickt wird, wird es automatisch, ob der Wert gültige E-Mail-Domäne überprüfen:
Tipp: iPhone in Safari - Browser unterstützt E - Mail - Eingangstyp und durch die Touchscreen-Tastatur zu ändern , es zu passen (hinzufügen @ und .com - Optionen).
Monat Typ ermöglicht es Ihnen, einen Monat zu wählen.
Definierte Monat und Jahr (keine Zeitzone):
Nummerntyp wird für Eingabefelder verwendet wird, sollte einen Wert enthalten.
Sie können auch zu akzeptieren, eine begrenzte Anzahl festgelegt:
Definieren Sie einen numerischen Eingabefeld (Limited):
Verwenden Sie die folgende Eigenschaft, um die Art von digitalen Limited angeben:
Versuchen Sie ein Beispiel mit alle definierten Attribute versuchen
Range-Typ wird für Eingabefelder verwendet werden, sollten eine Reihe von numerischen Werte enthalten.
Range-Typ wird als ein Schieberegler angezeigt.
Sie brauchen nicht einen sehr genauen Wert (wie ein Schieberegler) zu definieren:
Bitte benutzen Sie die folgenden Attribute, die Art von Digital Limited angeben:
Suchart für das Suchfeld ein, wie Website-Suche oder Google-Suche.
Definieren Sie ein Suchfeld (ähnlich Website-Suche oder Google-Suche):
Geben Sie die Telefonnummernfeld ist definiert:
Zeittyp ermöglicht es Ihnen, eine Zeit auszuwählen.
Definiert Eingangszeitsteuerung (keine Zeitzone):
URL-Typ für Eingabefelder verwendet wird, sollte eine URL-Adresse enthalten.
Wenn das Formular abgeschickt wird, wird es automatisch den Wert des URL-Feld überprüfen.
Definieren Sie das Eingabefeld URL:
Tipp: iPhone in Safari - Browser unterstützt URL - Eingabetyp und durch die Touchscreen-Tastatur zu ändern , es zu passen (.com Option hinzufügen).
Woche können Sie die Art der Woche und Jahr auszuwählen.
Definitionen Woche und Jahr (keine Zeitzone):
标签 | 描述 |
---|---|
<input> | 描述input输入器 |