MOBILE HTML5學習手冊

HTML5 Web 表單

|

113

日期與時間輸入類型

目前有一些新的日期及時間輸入類型，包括

date

、

datetime

、

datetimelocal

、

month

、

time

與

week

。所有時間都是以 ISO 8601 日期為基礎。支援這些類型的瀏覽器會複製設

備的原生行事曆 widget，提供互動的 widget。在線上章節資源上，有所有日期∕時間類

型的範例程式。

date

的值比任何其他的日期及時間輸入類型更受到各種瀏覽器的支援。

日期：<input type="date">

date

輸入類型提供一個具有年、月、日的日期（沒有時間、星期幾或時區）。預設的使

用者介面外觀是一個日期控制項。當瀏覽器支援它時，會提供一個行事曆控制項。

不同的文化會使用不同的方式來書寫他們的日期。雖然有一些瀏覽器控制項會將月份放

在最前面，有些會將日期放在最前面，但是在日期被傳到伺服器之前，都會先被轉換成

一致的 YYYY-MM-DD 格式：

<p>

<label for="date">Date: </label>

<input id="date" name="date" type="date"

placeholder="YYYY-MM-DD" required />

</p>

<p>

<label for="dob">Date of Birth: </label>

<input id="dob" name="dob" type="date"

placeholder="YYYY-MM-DD" min="1900-01-01" ...