資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會研究
服裝研究
法律研究如何在HTML中使用時間輸入型別？
Html 提供各種標籤來設計使用者介面。有一類標籤可以方便地為使用者提供選擇日期和時間型別資料。
要使用HTML建立時間控制元件，我們有<input type=”time”>標籤，其中時間值可以在<input>標籤的TYPE屬性中使用。
預設情況下，時間控制元件將以24小時制顯示輸出。時間可以用hh:mm（小時：分鐘）格式表示，如果要包含秒，則格式為hh:mm:ss。小時值可以在0-24之間選擇，分鐘值在0-59之間。
讓我們來看一個建立時間型別輸入元素的程式。
示例
<html> <body> <form> <label for="meet">Meeting Time :</label> <input type="time" id="time1"> </form> </body> </html>
當選擇時鐘圖示時，它將開啟計時器選項，從中可以選擇時間。
我們還可以設定時間選擇器的預設值，在這種情況下，它最初將顯示預設時間而不是空白。要設定預設值，可以使用VALUE屬性。
示例
<html> <body> <form> <label for="meet">Meeting Time :</label> <input type="time" id="time1" value="13:20"> </form> </body> </html>
我們還可以為時間選擇器控制元件指定範圍，因為在某些情況下可能需要限制時間輸入，例如工作時間限制、商店營業時間等。對於此類資訊，應使用min、max和step屬性設定範圍，如果使用者選擇超出給定範圍的值，將顯示錯誤訊息。
示例
<html> <body> <form> <table border="3" bordercolor="black"> <caption>Online Doctor Appointment Form</caption> <tr> <td>Doctor Name</td> <td>Speciality</td> <td>Appointment Date</td> <td>Available Time</td> </tr> <tr> <td>Dr Kapoor</td> <td>Orthopedic Surgeon</td> <td><input type="datetime-local"></td> <td> <input type="time" id="time1" value="09:12" min="09:00" max="12:00"> </td> <td><input type="submit" value="Schedule"></td> </tr> </table> </form> </body> </html>
在這個程式中，我們還使用了datetime-local控制元件來指定“預約日期”。並使用時間控制元件建立一個時間選擇器。可用時間使用VALUE屬性（9:30 – 12:00）顯示在欄位中，如果使用者選擇的是其他時間，
則會生成錯誤。
例如，如果要強制使用者從時間選擇器中選擇值，則可以使用REQUIRED屬性。
除了設定時間範圍外，我們還可以向下拉列表中新增一些特定值。現在讓我們考慮一個類似於flightview.com的航班追蹤應用程式示例。在這個應用程式中，我們可以透過輸入航班詳細資訊或路線資訊來追蹤航班。此外，還可以指定航班時間，使用者可以選擇可用時間。
為此，我們可以在HTML表單中使用<datalist>標籤。這可以透過在<input>標籤中使用list屬性將其連結到<input>標籤。
示例
<html> <body> <form name="form1"> <label for="fli">Flight Timings :</label> <input type="time" list="avail"> <datalist id="avail"> <option value="06:00"> <option value="07:00"> <option value="08:00"> </datalist> <br><br> <input type="submit" value="Book"> </form> </body> </html>
22K+ 次瀏覽
