Cách sử dụng input type time trong HTML

Kiểu <input type="time"> cho phép người dùng chọn giờ, phút (và giây tuỳ trình duyệt). Hiển thị bộ chọn thời gian (time picker) khi focus.

Lưu ý hỗ trợ: Không hỗ trợ trên Firefox và Internet Explorer. Hoạt động tốt trên Chrome, Edge, Safari, Opera.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input time</title>
  </head>
  <body>
    <form action="" method="get">
      Thông tin:<br><br>
      Tên học sinh<br><input type="text" name="sname"><br>
      Giờ thi<br><input type="time" name="etime"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Giá trị gửi đi: Định dạng HH:MM hoặc HH:MM:SS (24h). Có thể thêm step để điều chỉnh bước nhảy (ví dụ step="60" chỉ cho phép chọn phút chính xác).