我找不到一种在所有情况下都最适合我的类型:我需要默认为数字条目(例如“7.5”条目)，但在某些时候也允许文本(例如“pass”)。用户需要一个数字键盘(例如7.5的输入)，但偶尔需要输入文本(例如“pass”)。

相反，我所做的是向表单添加一个复选框，并允许用户在type="number"和type="text"之间切换我的输入(id="inputSresult")。

<input type="number" id="result"... >
<label><input id="cbAllowTextResults" type="checkbox" ...>Allow entry of text results.</label>

然后我将一个点击处理程序连接到复选框，根据上面的复选框是否被选中，在文本和数字之间切换类型:

$(document).ready(function () {
    var cb = document.getElementById('cbAllowTextResults');
    cb.onclick = function (event) {
        if ($("#cbAllowTextResults").is(":checked"))
            $("#result").attr("type", "text");
        else
            $("#result").attr("type", "number");

    }
});

这对我们来说很有效。

你可以这样尝试:

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

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

2018年:

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

Android和iOS都适用。

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

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

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

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

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

截至2020年

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

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