HTML5是最新的HTML標準,它帶來了很多重要的改變。其中之一是在日期和時間方面提供了更好的支持。HTML5引入了一些新的 input 類型用于處理日期和時間:
<label>選擇日期: <input type="date" name="date"> </label>
上面的代碼中,我們使用了input元素的新類型date來創建一個日期輸入框。這個輸入框可以讓用戶選擇一個日期,格式為YYYY-MM-DD。
<label>選擇時間: <input type="time" name="time"> </label>
另一個新類型是time,用于創建時間輸入框。用戶可以選擇時間,格式為HH:MM。
<input type="datetime-local" name="datetime">
還有一個類型是datetime-local,它允許用戶選擇日期和時間。格式為YYYY-MM-DDTHH:MM。
除了新的input類型,HTML5也提供了一個新的元素來顯示日期和時間:
<time datetime="2021-01-01T00:00:00Z">January 1, 2021</time>
上面的代碼中,我們使用了time元素來顯示日期和時間。datetime屬性用于指定日期和時間的值,格式為YYYY-MM-DDTHH:MM:SSZ。在元素內部,我們可以輸入日期的可讀格式,比如“January 1, 2021”。
總的來說,HTML5為日期和時間的處理提供了更好的支持,這些新特性可以讓我們更方便地處理日期和時間的輸入和顯示。