对我来说，最好的解决方案是:

对于整数，在android和iphone上显示0-9键

<label for="ting">
<input id="ting" name="ting" type="number" pattern="[\d]*" />

你也可以这样做，以隐藏旋转器在firefox/chrome/safari，大多数客户认为他们看起来很丑

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
 }

 input[type=number] {
      -moz-appearance:textfield;
 }

并添加novalidate='novalidate'到你的表单元素，如果你做自定义验证

Ps只是以防你真的想要浮点数，步进到你想要的任何精度，都会加上'。’

<label for="ting">
<input id="ting" name="ting" type="number" pattern="[\d\.]*" step="0.01" />

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

对我来说，最好的解决方案是:

对于整数，在android和iphone上显示0-9键

<label for="ting">
<input id="ting" name="ting" type="number" pattern="[\d]*" />

你也可以这样做，以隐藏旋转器在firefox/chrome/safari，大多数客户认为他们看起来很丑

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
 }

 input[type=number] {
      -moz-appearance:textfield;
 }

并添加novalidate='novalidate'到你的表单元素，如果你做自定义验证

Ps只是以防你真的想要浮点数，步进到你想要的任何精度，都会加上'。’

<label for="ting">
<input id="ting" name="ting" type="number" pattern="[\d\.]*" step="0.01" />

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

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

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

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

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

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