【问题标题】:Trigger numeric keyboard for input text all mobile devices [duplicate]触发所有移动设备输入文本的数字键盘[重复]
【发布时间】:2016-07-20 16:04:25
【问题描述】:

有没有办法为所有移动设备触发 <input type="text" /> 字段的数字键盘?

我都试过了:

<input type="text" pattern="\d*" />

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

但这似乎只会触发 iOS 的数字键盘。 Android 仍显示默认键盘。


注意:我正在尝试进行持续时间输入,即。 HH:MM,所以<input type="number" /> 不是解决方案,因为我需要一个可以接受数字和冒号的输入字段。

如果这是唯一的解决方案,我也不介意使用 javascript。

【问题讨论】:

  • 我尝试了 它适用于在 iOS 上显示数字键盘

标签: javascript html mobile


【解决方案1】:

我没有尝试过,但我确实在过去看到了一些解决方案:

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

或者:

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

我认为 type=tel 也受支持,但从未尝试过:

<input type="tel">

Here你有几个例子。

【讨论】:

  • 这不适用于安卓设备。
  • @Ryan King 你找到解决方案了吗? :)
  • 不。现在好像没有……
  • 这不起作用
  • inputmode="numeric" 似乎是 standardized 方法 - 尽管 browser support 目前不包括 Firefox 和 Safari,但它有望成为标准,因此它们最终应该效仿。
猜你喜欢
  • 2017-01-25
  • 1970-01-01
  • 1970-01-01
  • 2020-07-02
  • 2011-06-12
  • 1970-01-01
  • 2017-07-31
  • 1970-01-01
  • 2014-05-02
相关资源
最近更新 更多