Trong bài viết này, chúng tôi sẽ thảo luận về chức năng của các loại đầu vào biểu mẫu mới hơn do HTML5 cung cấp. Đôi khi, trong khi điền vào biểu mẫu đăng ký hoặc bất kỳ biểu mẫu trực tuyến nào, nó sẽ yêu cầu tuân theo định dạng phù hợp để điền dữ liệu cụ thể. Giờ đây, thật dễ dàng sử dụng biểu mẫu web để điền dữ liệu phổ biến như ngày, email, url, v.v. Có gần 13 loại đầu vào mới được giới thiệu ở dạng HTML5. Chúng ta sẽ xem tất cả các loại đầu vào và hiểu từng loại một
Thuộc tính Loại đầu vào
- màu. Loại đầu vào này cho phép người dùng chọn màu từ bộ chọn màu
- ngày tháng. Loại đầu vào này cho phép người dùng chọn ngày từ lịch thả xuống
- thời gian. Loại đầu vào này cho phép người dùng nhập thời gian
- ngày giờ. Loại đầu vào này cho phép người dùng chọn ngày và giờ cùng với múi giờ
- datetime-local. Loại đầu vào này cho phép người dùng chọn cả ngày và giờ địa phương
- tuần. Loại đầu vào này cho phép người dùng chọn tuần và năm từ lịch thả xuống
- e-mail. Loại đầu vào này cho phép người dùng nhập địa chỉ e-mail
- tháng. Loại đầu vào này cho phép người dùng chọn tháng và năm từ lịch thả xuống
- con số. Loại đầu vào này cho phép người dùng nhập một giá trị số
- phạm vi. Loại đầu vào này cho phép người dùng nhập một giá trị số trong một phạm vi được chỉ định
- Tìm kiếm. Loại đầu vào này cho phép người dùng nhập chuỗi tìm kiếm trong trường đầu vào
- điện thoại. Loại đầu vào này cho phép người dùng nhập số điện thoại
- url. Loại đầu vào này cho phép người dùng nhập URL
Chúng tôi sẽ sử dụng các thuộc tính trên và hiểu cách sử dụng của chúng thông qua ví dụ
ví dụ 1. Trong ví dụ này, bạn sẽ tìm hiểu về kiểu nhập màu, ngày và giờ
Cú pháp ngày
Cú pháp thời gian
Cú pháp màu
Ghi chú. ngày và giờ không được trình duyệt Internet Explorer và Safari hỗ trợ
HTML
2
3____14
5
6
3____18____15
0
3
2
5
4
5
6
7
6
9
4
21
6
4
24
6
9
4
21
0______310
2
5
10
8
5
6
3____318
5
0______13____432
33
32
5
6
0
3
39
5
4
3
43
44
45
46
47
43
5
4
3
32
33
45
370
316
45
382
36