用于可编辑 DIV 上的 Web 应用程序的带十进制的 iPhone 数字键盘

Question

我为移动设备构建了一个网络应用程序。

我的 DOM 有一个 <div contenteditable="true">，它在触摸容器时触发在 iOS 上显示的键盘。到目前为止一切顺利，但在特定情况下，我希望用户输入带小数的数字，所以我想在 iOS 上触发一个支持小数的小键盘（稍后在所有移动浏览器上）。

谁能告诉我如何为我的容器添加 CSS 或属性以获得所需的数字键盘？

Answer 1

我认为您应该将当前输入标签替换为以下标签

<input type="number" pattern="[0-9]*" />

这实际上是在告诉 iOS（和 Android）浏览器使用大数字键盘。

更多详情请见here。