html5有沒有日期文字框

html5有日期文字方塊；只需在input文字方塊中加入type屬性，屬性值設定為date、time、datetime-local、month、week或datetime即可將一般輸入方塊轉為日期文字方塊。

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

html5有日期文字方塊。

HTML5定義了幾個與日期有關的新控制項。支援日期控制項的瀏覽器會提供一個方便的下拉式日曆，供使用者選擇。

只需為input文字方塊新增type屬性，屬性值設定為date、time、datetime-local、month、week或datetime即可。

1、日期控制項- date

<input type="date" value=""/>

#2、時間控制項- time

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

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

<input type="datetime-local" value=""/>

4、月控制項- month

#

<input type="month" value=""/>

##5、週控制項- week

<input type="week" value=""/>

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

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

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

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

【相關推薦：

html影片教學、web前端】

以上是html5有沒有日期文字框的詳細內容。更多資訊請關注PHP中文網其他相關文章！