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"/>
以上是html5有沒有日期文字框的詳細內容。更多資訊請關注PHP中文網其他相關文章!