Kiểu nhập thời gian trong HTML5 cho phép người dùng nhập thời gian. Cả giờ và phút được thu thập, cũng như cho dù đó là sáng hay chiều. Không có lựa chọn múi giờ. Một số trình duyệt thực sự có thể hiển thị đồng hồ hoặc thiết bị đầu vào kiểm soát ngày khác để cho phép người dùng gửi thời gian dễ dàng hơn.
Cách sử dụng kiểu đầu vào thời gian
Bạn có thể thấy mã HTML trông như thế nào trên một trang web trực tiếp tại JSFiddle. Biểu thức có thể được gói trong một biểu mẫu và văn bản có thể được thêm vào để được hướng dẫn. Bạn có thể chọn tháng, ngày và năm, như được hiển thị trong các ví dụ này.
Hỗ trợ trình duyệt web
Hỗ trợ nhập thời gian nằm rải rác trên mọi trình duyệt web, bao gồm Chrome, Safari, Opera, Firefox và Internet Explorer. Một số trình duyệt hiển thị hộp văn bản thông thường, trong đó bạn phải nhập thời gian và chuyển đổi giữa sáng và chiều. Những người khác có thể bao gồm công cụ chọn ngày hoặc sẽ không hiển thị gì cả.
Đây thực sự là một dự phòng quan trọng và hữu ích cho các trình duyệt chưa hỗ trợ loại biểu mẫu HTML5 này. Bạn có thể sử dụng đầu vào này trên biểu mẫu web của mình để thu thập dữ liệu tốt hơn từ các trình duyệt hỗ trợ nó. Các trình duyệt không hỗ trợ loại đầu vào này sẽ chỉ mặc định về những gì cơ bản là trường chuẩn - những gì bạn đã sử dụng trong trường hợp không có trường thời gian.
Nếu dữ liệu được thu thập trong trường này cần phải tuân theo một tiêu chuẩn ngày nhất định, bạn có thể sử dụng loại đầu vào này và xác thực rằng nội dung là thời gian với một tập lệnh hoặc CGI. Điều này cũng bao gồm các cơ sở của bạn cho những trình duyệt cũ hơn và cách chúng quay trở lại kiểu nhập văn bản.
Thuộc tính thời gian nhập
Bạn có thể sử dụng các thông số sau với loại đầu vào thời gian:
- tự động hoàn thành
- danh sách
- tối đa
- phút
- chỉ đọc
- cần thiết
- bậc thang
- valueAsNumber
- selectedOption
- bước xuống()
- stepUp ()