我认为type="number"对于语义网页来说是最好的。如果你只是想改变键盘，你可以使用type="number"或type="tel"。在这两种情况下，iPhone都不限制用户输入。用户仍然可以输入(或粘贴)任何他/她想要的字符。唯一的变化是显示给用户的键盘。如果您希望在此之外有任何限制，则需要使用JavaScript。

截至2020年

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

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

2018年:

<input type="number" pattern="\d*">

Android和iOS都适用。

我在Android(^4.2)和iOS(11.3)上进行了测试

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

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

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

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

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

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

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