//对于Angular，我添加了如下代码片段。 < div ng-app = " " > < >形式 输入数字:<input type="number" ng-model="number" onKeyPress="if(this.value.length==7) return false;" min="0"> > < /形式 <h1>输入:{{number}}</h1> < / div >

如果你使用"onkeypress"事件，那么你在开发(单元测试)时将不会受到任何用户限制。如果你有要求，不允许用户进入特定的限制后，看看这段代码，并尝试一次。

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

这对我来说没有任何问题

您可以添加一个max属性，该属性将指定您可以插入的最大数字

<input type="number" max="999" />

如果你同时添加Max和min值，你可以指定允许值的范围:

<input type="number" min="1" max="999" />

以上仍然不会阻止用户手动输入指定范围之外的值。相反，他会看到一个弹出窗口，告诉他在提交表单时输入一个范围内的值，如下面的截图所示:

梅考·莫拉的回答是一个好的开始。 然而，他的解决方案意味着当您输入第二个数字时，所有字段的编辑都会停止。因此，您不能更改值或删除任何字符。

下面的代码停在2，但允许继续编辑;

//MaxLength 2
onKeyDown="if(this.value.length==2) this.value = this.value.slice(0, - 1);"

更相关的属性是min和max。

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

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