我为移动设备构建了一个 webapp。
我的 DOM 有一个<div contenteditable="true">
在触摸到容器时触发在 iOS 上显示的键盘。到目前为止一切顺利,但在特定情况下,我希望用户输入带小数的数字,所以我想在 iOS 上触发一个支持小数的小键盘(以后在所有移动浏览器上)。
谁能告诉我如何对我的容器进行 CSS 或属性以获得所需的数字键盘?
我为移动设备构建了一个 webapp。
我的 DOM 有一个<div contenteditable="true">
在触摸到容器时触发在 iOS 上显示的键盘。到目前为止一切顺利,但在特定情况下,我希望用户输入带小数的数字,所以我想在 iOS 上触发一个支持小数的小键盘(以后在所有移动浏览器上)。
谁能告诉我如何对我的容器进行 CSS 或属性以获得所需的数字键盘?
我认为您应该将当前输入标签替换为以下标签
<input type="number" pattern="[0-9]*" />
这实际上是在告诉 iOS(和 Android)浏览器使用大数字键盘。
有关更多详细信息,请参见此处。