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

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

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

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

许多人张贴的onKeyDown()事件根本不工作，即你不能删除一旦你达到限制。因此，使用onKeyPress()而不是onKeyDown()，它工作得很好。

下面是工作代码:

用户将不允许输入超过4位数字 < br > <input type="number" pattern="/^-?\d+\.? "\d*$/" onKeyPress="if(this.value.length==4) return false;"/>

<input type=“number” min=“1” onKeyPress=“if（this.value.length==5） 返回 false”/>

使用类型数字与min和处理max与onKeyPress

<input type="number" min="1" onKeyPress="if(this.value.length==5) return false"/>

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

对于React用户，

只需将10替换为您的最大长度要求

 <input type="number" onInput={(e) => e.target.value = e.target.value.slice(0, 10)}/>

最大长度将不能与<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"
 />