对于有长度限制的数字输入，您也可以尝试这种方法

<input type="tel" maxlength="4" />

从MDN的文档<input>

如果type属性的值是text、email、search、password、tel或url，则此属性指定用户可以输入的最大字符数(Unicode码位);对于其他控件类型，它将被忽略。

因此maxlength在<input type="number">上被故意忽略。

根据你的需要，你可以像inon在他/她的回答中建议的那样使用min和max属性(注意:这只会定义一个受限的范围，而不是值的实际字符长度，尽管-9999到9999将覆盖所有0-4位数字)，或者你可以使用常规文本输入，并使用新模式属性对字段强制验证:

<input type="text" pattern="\d*" maxlength="4">

最大长度-输入类型文本

<input type="email" name="email" maxlength="50">

使用jQuery:

$("input").attr("maxlength", 50)

最大输入类型号

JS

function limit(element, max) {    
    var max_chars = max;
    if(element.value.length > max_chars) {
        element.value = element.value.substr(0, max_chars);
    } 
}

HTML

<input type="number" name="telefono" onkeydown="limit(this, 20);" onkeyup="limit(this, 20);">

最大长度将不能与<input type="number"工作，我知道的最好的方法是使用oninput事件限制最大长度。请看下面的代码。

<input name="somename"
    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
    type = "number"
    maxlength = "6"
 />

您可以使用min和max属性。

下面的代码做同样的事情:

<输入类型=“数字” 最小=“-999” 最大=“9999”/>

根据Neha Jain上面的回答，我只是把下面的代码添加到公共区域

$(':input[type="number"]').on('input', function() {
        if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);

});

然后你可以像文本类型字段一样使用maxlength="4"。