电话：用于文本输入的数字键盘

Question

电话：用于文本输入的数字键盘有没有办法强制数字键盘出现在手机上<input type="text">？我刚刚意识到<input type="number">在HTML5中是针对“浮点数”，因此它不适用于信用卡号，邮政编码等。我想模拟数字键盘功能<input type="number">，对于采用浮点数以外的数值的输入。也许还有另一种合适的input类型吗？

Answer 1

你可以做到<input type="text" pattern="\d*">。这将导致出现数字键盘。

有关更多详细信息，请参见此处：适用于iOS的文本，Web和编辑编程指南

<form>
  <input type="text" pattern="\d*">
  <button type="submit">Submit</button></form>

Answer 2

我发现，至少对于类似“密码”的字段，做一些像<input type="tel" />最终生成最真实的数字导向字段的东西，它也有没有自动配置的好处。例如，在我最近为希尔顿开发的移动应用程序中，我最终选择了这个：

......我的客户印象非常深刻。

<form>
  <input type="tel" />
  <button type="submit">Submit</button></form>

Answer 3

使用type="email"或type="url"至少会在某些手机上给你一个键盘，比如iPhone。对于电话号码，您可以使用type="tel"。