2015-03-12 15 views
7

Làm thế nào để hiển thị một bàn phím số với một nút chữ số thập phân trên iOS Android? Có cách nào đặc biệt để làm điều này không?Ionic/HTML5 - Decimal Keyboard Input?

tôi có thể hiển thị một bàn phím số trên cả iOS và Android như sau:

<input type="number" pattern="[0-9]*"> 

iOS dường như bỏ qua các type giá trị "number" và hiển thị các phím số dựa trên thuộc tính pattern , nhưng type được đặt thành "số" nào dành cho Android.

Chỉnh sửa: Quên đề cập đến rằng tôi đã thử pattern="[0-9.]*". iOS chỉ hiển thị bàn phím đầy đủ khi tôi thực hiện việc này.

Chỉnh sửa2: Tôi cũng đã thử pattern="\d+[,.]?\d*" - một lần nữa, không có kết quả.

+0

Hãy thử 'pattern =" [0-9.] * "'. –

+2

Trên Android không có cách nào để buộc một bàn phím cụ thể. Bạn cung cấp cho nó một loại đầu vào, và bàn phím (là một ứng dụng) quyết định điều tốt nhất để hiển thị cho nó. Nếu nó quyết định không hiển thị., Không có cách nào để ép buộc nó. –

+0

@IanMacDonald tôi quên đề cập đến tôi đã cố gắng mà không có kết quả. Đó là nỗ lực đầu tiên của tôi sau khi tôi thấy rằng mẫu chữ '[0-9] *' hoạt động cho một phím số thường. – Chad

Trả lời

2

Có vẻ rằng vấn đề là liên quan đến chỉ số thiết bị samsung.

Tôi có cùng một vấn đề mà bạn mô tả trên Samsung Galaxy Note 8.0 (android 4.4.2) nhưng tất cả mọi thứ hoạt động tốt trên Nexus chỉ đơn giản là sử dụng

<input type="number" step="0.01"> 

bài viết liên quan Google Chrome on Android (and only Android) Does not allow Decimal with type number and step="any"

Samsung Galaxy Tablet does not allow entering floating point numbers to inputs with "number" type

+0

Tính năng này không hoạt động trên iOS. Tôi bắt đầu nghĩ rằng (hiện tại) không thể hiển thị bàn phím số w/số thập phân trên cả iOS ** và ** Android. – Chad