我知道对于原生 iPhone 应用程序,您可以使用 UIKeyboardTypeDecimalPad 强制使用带小数的数字键盘。有什么方法可以为移动网页或 Web 应用程序上的输入字段强制使用相同的键盘?如果还没有,有谁知道这个检测是否会在 iOS 6 中添加到 Safari 中?
我能够毫无问题地显示常规数字键盘,但我真的很想拥有十进制键,所以我不需要显示完整的键盘。
谢谢!
这是不可能的,但是有一个小技巧,您可以使用它。
一旦用户开始在字段中写入/键入,它就会开始以这种方式添加数字 - 0.01 -> 0.12 -> 1.23 -> 12.34 。所以这可以用于类似的效果。
这里还概述了 Web 应用程序的输入类型,您可以在其中看到不能使用带有数字和小数点的输入类型。
结帐inputmode="decimal"
属性。
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
尚未得到广泛支持,但它在 iOS 12.2 中可用。
将 inputmode="decimal" 属性添加到输入标签。
<input id="price" type="number" min="0" inputmode="decimal">
在https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode检查其他输入模式
问题number
是它只接受整数。我在他提到添加的地方找到了这个step="any"
。现在您获得了数字小键盘并可以输入小数。
Apple 文档将number
其列为输入类型:
用于指定数字的文本字段。在 iOS 3.1 及更高版本中调出数字键盘。指定 \d* 或 [0-9]* 的输入类型等效于使用此类型。