input標記時間類型屬性在網頁設計中有著重要的應用，是一個非常實用的屬性，下面通過幾個實例為大家介紹一下：


1、Date類型：

<form>
 
      <input id="poluoluo_date" name="poluoluo.com" type="date"/>
 
      <input type="submit" value="提交"/>
 
</form>

如果在之前，我們使用js+css+dom才能實現日歷選擇日期的效果，在HTML5中，我們只需要設置input為date類型即可，提交表單的時候也不需要我們驗證數據了，它已經幫我們實現了。

2、Time類型：

<form>
 
      <input id="poluoluo_time" name="poluoluo.com" type="time"/>
 
      <input type="submit" value="提交"/>
 
</form>

此類型是一個專門用來輸入時間的文本框，在提交的時候檢查是否輸入了有效的時間。

3、DateTime類型：

<form>
 
      <input id="poluoluo_datetime" name="poluoluo.com" type="datetime"/>
 
      <input type="submit" value="提交"/>
 
</form>

datetime類型的input元素是專門用來輸入UTC日期和實踐的文本框，在提交的時候，對日期和時間進行有效的檢查。

4、DateTime-Local類型：

<form>
      <input id="poluoluo_datetime-local" name="poluoluo.com" type="datetime-local"/>
      <input type="submit" value="提交"/>
</form>

此類型與datatime類型差不多，只不過是用來輸入本地的日期和時間。

5、Month類型：

<form>
 
      <input id="poluoluo_month" name="poluoluo.com" type="month"/>
 
      <input type="submit" value="提交"/>
 
</form>

month是一種專門輸入月份的文本框，在日歷中，你只能選擇某一個月，不能選擇某一天。

6、Week類型：

<form>
 
      <input id="poluoluo_week" name="poluoluo.com" type="week"/>
 
      <input type="submit" value="提交"/>
 
</form>

week是專門用來輸入周（星期）的文本框，W后面所跟的數字表示此周是當年的第幾個星期。在日歷中只能選擇一周，同樣不能選擇某一天。