在HTML5 iOS 7 / iOS 8中显示十进制键盘

时间:2015-06-23 11:57:11

标签: javascript ios html5 css3 cordova

我现在搜索了几个小时后只有一个简单的问题:是否有可能在webbrowsers输入字段中显示十进制键盘? input type="number"仅显示数字,但我需要在左下角使用逗号或点。

我尝试过任何事情,patternstep等,但没有任何事情会导致十进制键盘。我只需要数字和点或逗号,没有A-Z或a-z或其他任何东西。

<input type="number" id="inputNumbers" pattern="[0-9]*" size="30" min="1" max="5">

这就是我得到的: enter image description here

这就是我想要的: enter image description here

5 个答案:

答案 0 :(得分:3)

  

https://github.com/mrchandoo/cordova-plugin-decimal-keyboard

允许您配置小数字符(而不是.,您可以更改为,

enter image description here

答案 1 :(得分:2)

试试这个:

EditText myEditText = (EditText)findViewById(R.id.myEditText);
myEditText.setInputType(InputType.TYPE_NUMBER_FLAG_DECIMAL);

或者:

<input type="tel" />

这有点像黑客:

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

根据输入值所要达到的目标,可能会有效

此链接可能有用: Force iOS numeric keyboard with custom / currency pattern

希望你来吧!

答案 2 :(得分:1)

这适用于iPhone和Android:

<input type="text" inputmode="decimal">

在使用iPhone 10的此键盘中显示结果:

iPhone 10 Decimal Keypad

对于Android:

Android Decimal Keypad

答案 3 :(得分:0)

根据您的模式检查此HTML代码

 <input type="text" pattern="[a-z]*">

答案 4 :(得分:-1)