HTML5中的時間輸入類型可讓用戶輸入時間。 收集小時和分鐘,以及是上午還是下午。沒有時區選擇。 有些瀏覽器實際上可能會顯示時鐘或其他日期控制輸入設備,以便用戶更容易地提交時間。
如何使用時間輸入類型
您可以通過JSFiddle查看實時網頁上HTML代碼的外觀。 表達式可以包裝在一個表單中,並且可以添加文本以獲取指示信息。 您可以選擇月份,日期和年份,如這些示例所示。
Web瀏覽器支持
對時間輸入的支持分散在每個網絡瀏覽器上,包括Chrome,Safari,Opera,Firefox和Internet Explorer。 某些瀏覽器會顯示一個常規文本框,其中必須鍵入時間並在上午和下午之間切換。其他人可能包含日期選擇器,或者根本不顯示任何內容。
對於尚不支持HTML5表單類型的瀏覽器來說,這實際上是一個重要而有用的回退。 您可以在您的Web表單上使用此輸入來從支持它的瀏覽器收集更好的數據。 不支持此輸入類型的瀏覽器將簡單地默認為本質上是標準字段的內容 - 無論如何,您會在缺少時間字段時使用這些內容。
如果收集到的數據需要符合特定的日期標準,則可以使用此輸入類型並使用腳本或CGI驗證內容是否為時間。 這也涵蓋了這些舊瀏覽器的基礎以及它們回退到文本輸入類型的方式。
輸入時間屬性
您可以在時間輸入類型中使用以下參數:
- 自動完成
- 名單
- 最大
- 分
- 只讀
- 需要
- 步
- valueAsNumber
- selectedOption
- 降壓()
- 升壓()