首頁  >  文章  >  web前端  >  html5時間控制項的值是什麼

html5時間控制項的值是什麼

青灯夜游
青灯夜游原創
2022-01-17 14:55:042555瀏覽

html5時間控制項的值有六種:1、“date”,定義日期控制項;2、“time”,定義時間控制項;3、“datetime-local”,定義日期時間控制項;4、 “month”,定義月控件;5、“week”,定義週控件;6、“datetime”。

html5時間控制項的值是什麼

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML5定義了幾個與日期有關的新控制項。支援日期控制項的瀏覽器會提供一個方便的下拉式日曆,供使用者選擇。
注意:目前只有Chrome和Opera提供下拉式日曆支持,其它瀏覽器仍是一個普通文字方塊。

1、日期控制項- date

html5時間控制項的值是什麼

#
<input type="date" value="2021-01-17"/>

2、時間控制項- time

html5時間控制項的值是什麼

2-html5時間控制項的值是什麼

<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>

3、日期時間控制項- datetime-local

html5時間控制項的值是什麼

<input type="datetime-local" value="2021-01-17T13:59:59"/>

4、月控制- month

html5時間控制項的值是什麼

<input type="month" value="2021-01"/>

5、週控制- week

html5時間控制項的值是什麼

<input type="week" value="2022-W02"/>

6、日期時間控制項--datetime

html5時間控制項的值是什麼

#
<input type="datetime" value="2022-01-17T13:59:59"/>

說明:日期時間控制項也支援min和max屬性,表示可設定的最小和最大時間

html5時間控制項的值是什麼

<input type="date" value="2022-01-17" min="2022-01-16" max="2015-01-26"/>

相關推薦:《html影片教學

以上是html5時間控制項的值是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn