HTML5 Eingabetypen
HTML5 Neue Eingabetypen
HTML5 hat einige neue Formulareingabetypen. Diese neuen Funktionen bieten eine bessere Eingangskontrolle und Validierung.
Dieses Kapitel beschreibt diese umfassende neue Input-Typen:
- Farbe
- Datum
- Datetime
- datetime-local
- Monat
- Anzahl
- Reichweite
- Suche
- tel
- Zeit
- url
- Woche
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.
Eingabetyp: Farbe
Farbe in dem Eingabefeldtyp verwendet wird hauptsächlich verwendet, um die Farbe zu wählen, wie folgt:
Beispiele
Wählen Sie eine Farbe aus der Farbauswahl:
Versuchen »
Eingabetyp: Datum
Datumstyp ermöglicht es Ihnen, ein Datum von einem Datumsauswahl zu wählen.
Eingabetyp: datetime
Datetime-Typ können Sie ein Datum (UTC-Zeit) zu wählen.
Beispiele
Definieren Sie ein Datum und eine Zeitsteuerung (Ortszeit):
Versuchen »
Eingabetyp: datetime-local
datetime-local-Typ können Sie ein Datum und Uhrzeit (keine Zeitzone) zu wählen.
Beispiele
Definieren Sie ein Datum und Uhrzeit (keine Zeitzone):
Versuchen »
Eingabetyp: E-Mail
E-Mail-Typ wird für Eingabefelder verwendet werden, sollten E-Mail-Adressen enthalten.
Beispiele
Wenn das Formular abgeschickt wird, wird es automatisch, ob der Wert gültige E-Mail-Domäne überprüfen:
Versuchen »
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).
Eingabetyp: Monat
Monat Typ ermöglicht es Ihnen, einen Monat zu wählen.
Beispiele
Definierte Monat und Jahr (keine Zeitzone):
Versuchen »
Eingabetyp: Zahl
Nummerntyp wird für Eingabefelder verwendet wird, sollte einen Wert enthalten.
Sie können auch zu akzeptieren, eine begrenzte Anzahl festgelegt:
Beispiele
Definieren Sie einen numerischen Eingabefeld (Limited):
Versuchen »
Verwenden Sie die folgende Eigenschaft, um die Art von digitalen Limited angeben:
- Die maximale durch Regelungen erlaubt Max-
- min - das Minimum von Bestimmungen zulässig
- Schritt - gibt die gesetzlichen Nummernintervalle für (wenn Schritt = "3", rechtliche Zahlen -3,0,3,6 sein könnte, usw.)
- Wert - der Standardwert angegeben
Versuchen Sie ein Beispiel mit alle definierten Attribute versuchen
Eingabetyp: Bereich
Range-Typ wird für Eingabefelder verwendet werden, sollten eine Reihe von numerischen Werte enthalten.
Range-Typ wird als ein Schieberegler angezeigt.
Beispiele
Sie brauchen nicht einen sehr genauen Wert (wie ein Schieberegler) zu definieren:
Versuchen »
Bitte benutzen Sie die folgenden Attribute, die Art von Digital Limited angeben:
- max - das Maximum von Bestimmungen zulässig
- min - das Minimum von Bestimmungen zulässig
- Schritt - gibt die gesetzlichen Nummernintervalle für
- Wert - der Standardwert angegeben
Eingabetyp: Suche
Suchart für das Suchfeld ein, wie Website-Suche oder Google-Suche.
Beispiele
Definieren Sie ein Suchfeld (ähnlich Website-Suche oder Google-Suche):
Versuchen »
Eingabetyp: tel
Beispiele
Geben Sie die Telefonnummernfeld ist definiert:
Versuchen »
Eingabetyp: Zeit
Zeittyp ermöglicht es Ihnen, eine Zeit auszuwählen.
Beispiele
Definiert Eingangszeitsteuerung (keine Zeitzone):
Versuchen »
Eingabetyp: url
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.
Beispiele
Definieren Sie das Eingabefeld URL:
Versuchen »
Tipp: iPhone in Safari - Browser unterstützt URL - Eingabetyp und durch die Touchscreen-Tastatur zu ändern , es zu passen (.com Option hinzufügen).
Eingabetyp: Woche
Woche können Sie die Art der Woche und Jahr auszuwählen.
Beispiele
Definitionen Woche und Jahr (keine Zeitzone):
Versuchen »
HTML5 <input> -Tag
标签 | 描述 |
---|---|
<input> | 描述input输入器 |