试试这个:

$(document).ready(function() {
    $(document).find('input[type=number]').attr('type', 'tel');
});

参见:https://answers.laserfiche.com/questions/88002/Use-number-field-input-type-with-Field-Mask

2018年:

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

Android和iOS都适用。

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

你可以这样尝试:

<input type="number" name="input">
<input type="submit" value="Next" formnovalidate="formnovalidate">

但是要注意:如果您的输入包含数字以外的内容，则不会将其传输到服务器。

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

对于整数，在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" />

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

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

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

请参阅这里了解更多详细信息:iOS的文本，Web和编辑编程指南

< >形式 <input type="text" pattern="\d*"> <按钮类型=“提交”> > < /按钮提交 > < /形式