Inputmode=HTML thập phân

Thuộc tính inputmode cho phép chúng ta hiển thị các loại bàn phím ảo nào sẽ được hiển thị trên các thiết bị có bàn phím ảo, ví dụ như iphone, điện thoại android, máy tính bảng. Các loại bàn phím ảo thường có khi ta nhấp vào 1 đầu vào đó là Số, Số điện thoại, Số thập phân, Email, Url, Tìm kiếm. Với mỗi bàn phím ảo chỉ được gắn đinh cụ thể, bản thân thiết bị sẽ được đưa ra những gợi ý tương thích với loại bàn phím ảo đó

số


Đây là loại inputmode phổ biến nhất được sử dụng để xác định loại bàn phím trong thực tế. Người dùng sẽ chỉ muốn hiển thị bàn phím số trong một số trường hợp công cụ có thể để đỡ mất nhiều thao tác không cần thiết ví dụ như mục nhập mã PIN, mã zip, số thẻ tín dụng. Có thể bạn sẽ thắc mắc tại sao lại không sử dụng type is number for rồi, thực ra với inputmode number chỉ hiện số và type là text thì ta có thể sử dụng thêm các thuộc tính inputmode="numeric" maxlength, minlength và pattern

Có nhà phát triển sẽ sử dụng type=tel để giải quyết vấn đề, nhưng nó lại không đúng về mặt ngữ nghĩa. Hơn nữa, bàn phím sẽ chỉ loại bỏ các ký tự thôi, trên ios nó vẫn hiển thị các ký tự đặc biệt, tuy nhiên ta có thể sử dụng các mẫu để loại bỏ. Ví dụ như là

0, tuy nhiên hãy chắc chắn rằng với đầu vào đó bạn phải chắc chắn là chỉ hiển thị số thôi, nếu không thì không chọn loại bàn phím khác được đâu.

Cái bút

Tin vui là

Các trình duyệt dựa trên Chromium trên Android — như Microsoft Edge, Brave và Opera — chia sẻ chung một hành vi chế độ đầu vào như Chrome

Kiếm thu nhập với kỹ năng HTML của bạn

Đăng ký và chúng tôi sẽ gửi cho bạn những cơ hội làm việc tự do tốt nhất ngay trong hộp thư đến của bạn.
Chúng tôi đang xây dựng thị trường việc làm tự do lớn nhất dành cho những người như bạn.

Thuộc tính inputmode cung cấp gợi ý cho trình duyệt về loại bàn phím ảo sẽ hiển thị khi có bất kỳ or