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

1，日期控制元件 - date

<input type="date" value="2015-09-24"/>

• 1

2，時間控制元件 - time

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

• 1
• 2

3，日期時間控制元件 - datetime-local

<input type
 
="datetime-local" value="2015-09-24T13:59:59"/>

• 1

4，月控制元件 - month

<input type="month" value="2015-09"/>

• 1

5，周控制元件 - week

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

• 1

6，日期時間控制元件也支援min和max屬性，表示可設定的最小和最大時間

<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>