Der Zeit-Eingabetyp in HTML5 ermöglicht es dem Benutzer, eine Zeit einzugeben. Sowohl die Stunde als auch die Minute werden erfasst und auch, ob es nachmittags oder nachmittags ist. Es gibt keine Zeitzonenauswahl. Einige Browser zeigen möglicherweise eine Uhr oder ein anderes Datumssteuerungs-Eingabegerät an, damit Benutzer die Uhrzeit einfacher eingeben können.
So verwenden Sie den Zeiteingabetyp
Wie der HTML-Code auf einer Live-Webseite aussieht, können Sie bei JSFiddle nachlesen. Der Ausdruck kann in ein Formular eingeschlossen werden und Text kann für Anweisungen hinzugefügt werden. Sie können auch Monat, Tag und Jahr auswählen, wie in diesen Beispielen gezeigt.
Webbrowser-Unterstützung
Die Unterstützung für die Eingabe der Zeit ist auf alle Webbrowser verteilt, einschließlich Chrome, Safari, Opera, Firefox und Internet Explorer. In einigen Browsern wird ein normales Textfeld angezeigt, in dem Sie die Uhrzeit eingeben und zwischen AM und PM wechseln müssen. Andere enthalten möglicherweise eine Datumsauswahl oder zeigen überhaupt nichts an.
Dies ist eigentlich ein wichtiger und hilfreicher Fallback für Browser, die diesen HTML5-Formulartyp noch nicht unterstützen. Sie können diese Eingabe in Ihren Webformularen verwenden, um bessere Daten von den unterstützenden Browsern zu erhalten. Browser, die diesen Eingabetyp nicht unterstützen, verwenden einfach das Standardfeld - das, was Sie ohnehin ohne das Zeitfeld verwendet hätten.
Wenn die in diesem Feld gesammelten Daten einem bestimmten Datumsstandard entsprechen müssen, können Sie diesen Eingabetyp verwenden und überprüfen, ob es sich bei dem Inhalt um ein Skript oder eine CGI handelt. Dies umfasst auch die Grundlagen für diese älteren Browser und die Art und Weise, wie sie auf einen Texteingabetyp zurückgreifen.
Eingabezeitattribute
Sie können die folgenden Parameter mit der Zeiteingabetyp verwenden:
- Autovervollständigung
- Liste
- max
- Mindest
- schreibgeschützt
- erforderlich
- Schritt
- valueAsNumber
- selectedOption
- stepDown ()
- stepUp ()
