Attribute type trên <input> thay đổi giao diện, bàn phím trên màn hình (mobile) và validation tích hợp sẵn của nó. Dùng đúng type cải thiện khả năng sử dụng và cho bạn validation miễn phí.
Attribute type trên <input> thay đổi giao diện, bàn phím trên màn hình (mobile) và validation tích hợp sẵn của nó. Dùng đúng type cải thiện khả năng sử dụng và cho bạn validation miễn phí.
Bàn phím mobile thích ứng — type="email" hiện phím @, type="tel" hiện bàn phím số, type="number" hiện các chữ số. Chỉ riêng điều này đã là một thắng lợi lớn về khả năng sử dụng trên điện thoại.
Validation miễn phí — type="email" từ chối not-an-email khi submit, min/max giới hạn số, type="url" kiểm tra URL hợp lệ — không cần JavaScript.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- cùng name = loại trừ lẫn nhau; chỉ chọn được một -->
Chọn đúng input type cho bạn bàn phím mobile tốt hơn, các bộ chọn native, và validation tích hợp sẵn miễn phí — cải thiện accessibility và giảm lượng JavaScript bạn phải viết.
Đó là một lựa chọn nhỏ nhưng mang lại lợi ích UX vượt trội.