Ionic / HTML5 - 十进制键盘输入?

时间:2015-03-12 18:40:12

标签: android ios html5 ionic-framework ionic

如何在iOS Android上使用十进制按钮显示数字键盘?是否有特定于离子的方法来做到这一点?

我可以在iOS和Android上使用以下内容显示数字键盘:

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

iOS似乎忽略了type的值&#34;数字&#34;并根据pattern属性显示数字键盘,但type设置为&#34;数字&#34;无论如何,对于Android。

修改:忘记提及我已尝试pattern="[0-9.]*"。当我这样做时,iOS只显示完整的键盘。

编辑2:我还试过pattern="\d+[,.]?\d*" - 再次,无济于事。

3 个答案:

答案 0 :(得分:2)

似乎该问题仅与某些三星设备有关。

我遇到了你在三星Galaxy Note 8.0(android 4.4.2)上描述的相同问题,但是Nexus上的一切工作正常,只需使用

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

相关帖子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

答案 1 :(得分:0)

引用此链接: https://github.com/skol-pro/ion-digit-keyboard-v2#6---example--demo

只需在setfocus()上隐藏本机键盘即可。

答案 2 :(得分:-1)

请尝试使用以下语法来实现此目的。它适用于iPhone和Android。

<ion-input inputmode="decimal" type="number" />