javascript - 用于可编辑 DIV 上的 Web 应用程序的带有 Decimal 的 iPhone 数字小键盘

Question

我构建了一个移动网络应用。

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

谁能告诉我如何通过 CSS 或属性化我的容器来获得所需的小键盘？

Answer 1

我认为你应该用下面的标签替换你当前的输入标签

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

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

有关详细信息，请参阅 here .