19

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

我能够毫无问题地显示常规数字键盘,但我真的很想拥有十进制键,所以我不需要显示完整的键盘。

谢谢!

4

5 回答 5

9

这是不可能的,但是有一个小技巧,您可以使用它。

看看这个链接 - 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/

于 2013-01-07T02:37:35.967 回答
9

结帐inputmode="decimal"属性。

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

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

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

于 2019-05-24T13:54:44.560 回答
1

将 inputmode="decimal" 属性添加到输入标签。

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

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

于 2021-05-30T13:27:10.950 回答
0

问题number是它只接受整数。我在他提到添加的地方找到了这个step="any"。现在您获得了数字小键盘并可以输入小数。

于 2012-09-07T20:34:13.607 回答
0

Apple 文档number其列为输入类型:

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

于 2012-08-27T17:51:55.553 回答