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

有没有办法强制数字键盘出现在电话<input type="text">?我刚刚意识到，<input type="number">在HTML5中是“浮点数”，所以它不适合信用卡号，邮政编码等。

我想模拟<input type="number">的数字键盘功能，用于接受浮点数以外的数值的输入。是否有其他合适的输入类型可以做到这一点?

当前回答

<input type="text" inputmode="numeric">

使用输入模式，你可以给浏览器一个提示。

其他回答

<input type="text" inputmode="numeric">

使用输入模式，你可以给浏览器一个提示。

我发现，至少对于类似“密码”的字段，执行类似<input type="tel" />这样的操作最终会生成最真实的面向数字的字段，而且它也没有自动格式化的好处。例如，在我最近为希尔顿酒店开发的一个移动应用程序中，我最后使用了这个:

．.．我的客户对此印象深刻。

< >形式 <input type="tel" /> <按钮类型=“提交”> > < /按钮提交 > < /形式

 <input type="text" inputmode="decimal">

它将给你文本输入使用数字键盘

使用<input type="text" pattern="\d*">打开数字键盘是有危险的。在firefox和chrome上，模式中包含的正则表达式会导致浏览器验证该表达式的输入。如果它与模式不匹配或为空，则会发生错误。注意其他浏览器中的意外操作。

截至2020年

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

CSS技巧做了一篇很好的文章:https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

推荐文章