我曾经遇到过同样的问题，并根据我的需求找到了这个解决方案。 它可能对某人有帮助。

<input type="number" placeholder="Enter 4 Digits" max="9999" min="0" 
onKeyDown="if(this.value.length==4 && event.keyCode>47 && event.keyCode < 58)return false;"
/>

快乐编码:)

根据我的经验，人们问为什么maxlength被忽略的大多数问题是因为允许用户输入超过“允许”的字符数量。

正如其他注释所述，type="number"输入没有maxlength属性，而是有min和max属性。

要让字段限制可以插入的字符数量，同时允许用户在提交表单之前意识到这一点(否则浏览器应该识别值> max)，您必须(至少目前)向该字段添加一个侦听器。

这是我过去使用的一个解决方案:http://codepen.io/wuori/pen/LNyYBM

我有这个问题在django形式。这就是我解题的代码。

HTML

<input type="tel" maxlength="6" oninput="this.value=this.value.replace(/[-]/g,'');"></input> <!-- I needed to remove the "-" sinc tell field accepts it. -->

Django形式

class TokenForm(forms.Form):
code = forms.CharField(
    required=True,
    label="Enter 6 digit confirmation code",
    widget=forms.TextInput(
        attrs={
            "class": "form-control",
            "placeholder": "Enter 6 digit code",
            "type": "tel",
            "maxlength":"6", 
            "oninput":"this.value=this.value.replace(/[-]/g,'');"
        }
    ),
)

从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">

这段代码对我来说运行得很好。

在type="number"的输入中，可以添加以下属性:

oninput="constrainUserInput(this.id)"

完整的输入是这样的:

<input type="number" class="test_css" maxlength="4" oninput="constrainUserInput(this.id)" id="flight_number" name="number"/>

注意:必须为这个方法分配输入和ID

然后你可以添加以下JavaScript到你的HTML，它基本上替换任何字符超过你的maxlength属性用一个空引号(本质上删除它们):

function constrainUserInput(id) {
  let input = document.getElementById(id);
  let value = input.value;
  if (value.length > input.maxLength) {
    input.value = value.substring(0, input.maxLength);
  }
}

如何限制输入类型的最大长度

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