HTML5表單提供了一種簡單方式來收集時間數據。您可以使用下面的代碼示例輕輕松松地設置時間。

<form>
<label for="time">選擇時間:</label>
<input type="time" id="time" name="time">
</form>

在這個例子中，我們使用了 <input> 元素，并設置了類型為 "time"。這告訴瀏覽器，我們希望用戶能夠輸入一個時間。

在上面的代碼中，我們還指定了 "id" 和 "name" 屬性。 "id" 屬性用于為輸入字段指定一個獨特的名稱，以便可以通過JavaScript或CSS來引用它。 "name" 屬性指定提交表單時使用的名稱。

請注意，有多種類型的時間輸入可供選擇。鍵入 "time" 屬性之后，瀏覽器將顯示一個下拉列表，供用戶選擇其偏好的時間類型。

這是一些您可以使用的時間輸入類型名稱:

• time - 24小時制的時間(如 15:30:00)
• datetime-local - 本地日期和時間 (如 2019-11-26T16:24:02)
• date - 日期 (如 2019-11-26)
• month - 年份和月份 (如 2019-11)
• week - 年份和周數 (如 2019-W48)

通過使用上述任何一種類型，您都可以輕松地為您的HTML5表單收集所需的時間信息。