适用于网络应用的带有Decimal的iPhone数字键盘?

时间:2012-08-27 17:40:56

标签: iphone html ios forms

我知道使用原生iPhone应用程序,您可以使用UIKeyboardTypeDecimalPad强制使用带小数的数字小键盘。有没有办法在移动网页或Web应用程序上为输入字段强制使用相同的键盘?如果还没有,有人知道这个检测是否会被添加到iOS 6的Safari中吗?

我可以毫无问题地显示常规数字小键盘,但我真的很想使用小数点键,所以我不需要显示全键盘。

谢谢!

5 个答案:

答案 0 :(得分:8)

这是不可能的,但是你可以使用一些轻微的黑客攻击。

请看这个链接 - http://web.archive.org/web/20151110014447/http://www.brownphp.com/2011/05/iphone-currency-input-web-apps/

一旦用户开始在该字段中书写/输入,它就开始以这种方式添加数字 - 0.01 - > 0.12 - > 1.23 - > 12.34。所以这可以用于类似的效果。

此处还概述了Web应用程序的输入类型,您可以看到无法使用带数字和小数点的输入类型。

http://www.fabianpimminger.com/web-development/how-to-change-the-iphone-on-screen-keyboard-in-web-apps/

答案 1 :(得分:0)

Apple documentation列出number作为输入类型:

  

用于指定数字的文本字段。在iOS 3.1及更高版本中打开数字键盘键盘。指定输入类型\ d *或[0-9] *等同于使用此类型。

答案 2 :(得分:0)

number的问题在于它只接受整数。我找到this,他提到添加step="any"。现在你得到了数字小键盘,可以输入小数。

答案 3 :(得分:0)

结帐inputmode="decimal"属性。

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode

尚未得到广泛支持,但它在iOS 12.2中可用。

https://caniuse.com/#feat=input-inputmode

答案 4 :(得分:0)

为 input 标签添加 inputmode="decimal" 属性。

<input id="price" type="number" min="0" inputmode="decimal">

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode处检查其他输入模式