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

标签 javascript ios css html

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

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

谁能告诉我如何使用 CSS 或属性我的容器来获得所需的小键盘?

最佳答案

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

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

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

有关更多详细信息,请参阅here .

关于javascript - 带十进制的 iPhone 数字键盘,适用于可编辑 DIV 上的 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13792591/

相关文章:

html - 网格项没有完全占据网格容器

javascript - 将 javascript 日期月份输出为文本?使用 C3.js

iOS:枚举时对象相等

javascript - 在 angularjs 自定义指令中创建一个 canvas 元素

ios - UILabel 中的 HTML 格式 (iOS)

ios - 如何从导航 Controller 一次弹出两个 View ?

html - 在 'div' 内显示文字和图片

css - 为什么CSS变量在@page规则中不起作用

javascript - 在 g :remoteLink as result of javascript function 中传递参数

javascript - 为什么不在类外部/顶部声明变量以避免使用此关键字?