Cách mở bàn phím số trên android/chrome bằng <input type = "text">?

Question

Yêu cầu đầu vào là nhập mã zip của Hoa Kỳ để nó sẽ là 5 số nguyên nhưng nó chỉ là một chuỗi các chuỗi ứng dụng. Đánh dấu là HTML5.

• Tôi không thể sử dụng input type="number" vìsẽ được chuyển đổi thành 1234, thành thật cho mã zip!
• Tôi hiện đang sử dụng input type="tel" để mở bàn phím số nhưng tôi cho rằng mã zip thực sự là văn bản và do đó tôi nên sử dụng input type="text" với một số bộ lọc khác để buộc phím số được mở, đó là những gì tôi đã làm, tôi đã thử sử dụng pattern="[0-9]*" nhưng dường như chỉ hoạt động trên trình duyệt Safari (thiết bị apple) & mở bàn phím số, nhưng mở bảng chữ cái thay vì phím số trên thiết bị Android (trình duyệt chrome).

Vì vậy, input type="text" pattern="[0-9]*" hoạt động trên trình duyệt Safari iPhone iPad nhưng không hoạt động trên trình duyệt chrome trong thiết bị Android.

Bất cứ ai cũng biết cách mở bảng số bằng cách sử dụng input type="text" trên thiết bị Android bằng trình duyệt chrome? Hoặc 'input type="tel"' là cách duy nhất để mở một pad số phổ dụng trên tất cả các thiết bị?

câu hỏi tương tự hỏi đôi khi trở lại Phone: numeric keyboard for text input

Answer 1

Input 'tel' được tạo ra để nhập loại dữ liệu này và được trên nhiều thiết bị. Sử dụng nó là thông minh để nhập số, mặc dù đó là văn bản. Bạn đang suy nghĩ quá mức này.

Answer 2

Một chút muộn để bên tôi biết nhưng ...

Sử dụng pattern="\d*" nên làm việc ...

<input type="text" pattern="\d*">`