Tidsinmatningstypen i HTML5 låter en användare skriva in en tid. Både timmen och minuten samlas in, såväl som om det är m.m. eller m.h. Det finns inget tidszonval. Vissa webbläsare kan faktiskt visa en klocka eller annan datumkontrollinmatningsenhet för att tillåta användare att skicka in tiden snabbare.
Så här använder du Time Input Type
Du kan se hur HTML-koden ser ut på en levande webbsida över på JSFiddle. Uttrycket kan lindas i en form och text kan läggas till för instruktioner. Du kan också välja månad, dag och år, som visas i dessa exempel.
Webbläsarsupport
Stöd för tidsinmatningen sprids över alla webbläsare, inklusive Chrome, Safari, Opera, Firefox och Internet Explorer. Vissa webbläsare visar en vanlig textruta där du måste skriva in tiden och växla mellan kl. Andra kan innehålla en datumväljare eller kommer inte att visa någonting alls.
Detta är faktiskt en viktig och användbar återgång för webbläsare som ännu inte stöder denna HTML5-formtyp. Du kan använda denna inmatning på dina webbformulär för att samla in bättre data från de webbläsare som stöder den. Webbläsare som inte stöder denna inmatningstyp kommer helt enkelt att standardera till vad som i huvudsak är standardfältet - vad du skulle ha använt i frånvaro av tidsfältet ändå.
Om data som samlas in i det här fältet måste överensstämma med en viss datumstandard, kan du använda denna inmatningstyp och validera att innehållet är en tid med ett skript eller CGI. Detta täcker också dina baser för de äldre webbläsare och hur de faller tillbaka till en textinmatningstyp.
Inmatetids attribut
Du kan använda följande parametrar med tidsinmatningstyp:
- autoslutförande
- lista
- max
- min
- readonly
- nödvändig
- steg
- valueAsNumber
- selectedOption
- Stepdown ()
- öka()
