在 Ionic 3 应用程序中,对于数字字段,数字键盘不会出现在 iOS 设备中。对于输入类型number
,数字与字母一起显示在键盘的第一行。在 Android 中,它运行良好。我尝试了角度模式\d*
,inputmode="numeric"
但仍然无法正常工作。
<input type="number" pattern="[0-9]*" inputmode="numeric">
在 Ionic 3 应用程序中,对于数字字段,数字键盘不会出现在 iOS 设备中。对于输入类型number
,数字与字母一起显示在键盘的第一行。在 Android 中,它运行良好。我尝试了角度模式\d*
,inputmode="numeric"
但仍然无法正常工作。
<input type="number" pattern="[0-9]*" inputmode="numeric">
我通常使用
<ion-input type="tel" pattern="[0-9]*" style="-webkit-text-security:disc"></ion-input>
-webkit-文本安全:光盘
覆盖输入。
对于那些使用离子 4 及更高版本的人,这是最好的解决方案
<ion-input type="text" inputmode="tel"></input>
关键是输入模式,它定义了显示的键盘。如果需要,保留 type=text 允许我在电话号码字段中允许其他键,例如“(”或“-”。
有关详细信息,请参见此处:https ://ionicframework.com/blog/keyboard-improvements-for-ionic-apps/
尝试:
<ion-input type="number" pattern="[0-9]*"></ion-input>
或者
<ion-input type="number" pattern="\\d*"></ion-input>
尝试
<ion-input type="tel"></ion-input>