Bàn phím số cho thiết bị di động

Question

Đây không phải là trang web "di động". Đó là HTML/CSS thông thường. Có cách nào tôi có thể buộc thiết bị di động bật lên bằng bàn phím số khi chúng tập trung vào hộp văn bản của tôi không?

Answer 1

Định dạng "-wap-input-format" được gọi là của nó. Bạn có thể sử dụng nó trong css của bạn hoặc trong phần tử kiểu như

<input type="text" style="-wap-input-format: 'N'"/> 

Xem http://www.developershome.com/wap/wcss/wcss_tutorial.asp?page=inputExtension2

Edit: Tôi đã không nhận ra bạn muốn pop-up bàn phím số. Tôi không chắc chắn nếu nó có thể

Answer 2

HTML5 có một loại đầu vào mới "number" mà nói với các thiết bị di động để đưa lên bàn phím số:

<input type="number"/>

đọc về nó (và người kia mới loại đầu vào) tại đây: http://html5doctor.com/html5-forms-input-types/

Answer 3

Chúng tôi đã có may mắn nhất khi sử dụng kết hợp type="number" và pattern="\d*". Chúng tôi đã thấy thành công trên các thiết bị iOS và Android, mặc dù tôi không có danh sách các phiên bản hệ điều hành để chia sẻ tại đây.

<input type="number" pattern="\d*" name="year"> 

Answer 4

Chỉ cần cập nhật bài này dựa trên công nghệ mới ..

<input type="number"/> 

trình trên hầu hết các hệ điều hành dành từ iOS.

Vì vậy, một phiên bản mới hơn đã được giới thiệu nơi bạn chỉ có thể sử dụng:

<input type="tel"/> 

Điều này buộc một bàn phím số trên bất kỳ thiết bị di động những ngày này.

Bạn có thể tham khảo here để biết thêm thông tin về chủ đề chính xác này.