或者如果你的最大值是99，最小值是0，你可以把它加到输入元素中(你的值会被你的最大值重写)。

<input type="number" min="0" max="99" 
   onKeyUp="if(this.value>99){this.value='99';}else if(this.value<0){this.value='0';}"
id="yourid">

然后(如果你想)，你可以检查输入的是否真的数字

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

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

如果有人在React中挣扎，我发现最简单的解决方案是使用onChange函数，像这样:

    const [amount, setAmount] = useState("");
    
   return(
    <input onChange={(e) => {
    setAmount(e.target.value);
    if (e.target.value.length > 4) {
         setAmount(e.target.value.slice(0, 4));
    }
    }} value={amount}/>)

所以这基本上做的是，它获取输入的值，如果输入值长度大于4，它就会切片它之后的所有数字，所以你只得到前4个数字(当然，你可以通过改变代码中的所有4来改变你可以输入的数字数量)。我希望这能帮助到那些正在为这个问题而挣扎的人。如果你想了解切片方法的功能，可以点击这里

我发现你不能使用任何onkeydown, onkeypress或onkeyup事件的完整解决方案，包括移动浏览器。顺便说一下，onkeypress已弃用，不再出现在chrome/opera的android(见:UI事件 W3C工作草案，2016年8月4日)。

我只使用oninput事件找到了一个解决方案。 你可能需要做额外的数字检查，如负号/正号或小数和千个分隔符等，但作为一个开始，以下应该足够了:

函数checkMaxLength(事件){ //准备恢复之前的值 如果这一点。oldValue === undefined) { 这一点。oldValue = this.defaultValue; ｝ 如果(this.value。长度> this.maxLength) { //设置回前一个值 这一点。value = oldVal; ｝ 其他{ //存储之前的值。 这一点。oldValue = this.value; //对+/-或。/等进行额外检查 //同时考虑合并'maxlength' //使用'min'和'max'来防止错误提交。 ｝ ｝

我还建议将maxlength与min和max结合起来，以防止如上所述的错误提交。

您可以指定min和max属性，这将只允许在特定范围内输入。

<!-- equivalent to maxlength=4 -->
<input type="number" min="-9999" max="9999">

然而，这只适用于旋转控制按钮。尽管用户可以输入大于允许的最大值的数字，但表单将不会提交。

截图来自Chrome 15

你可以在JavaScript中使用HTML5的oninput事件来限制字符的数量:

myInput.oninput = function () {
    if (this.value.length > 4) {
        this.value = this.value.slice(0,4); 
    }
}

如果您正在寻找一种移动Web解决方案，希望用户看到数字键盘而不是全文键盘。使用类型=“电话”。它将与maxlength一起工作，这将节省您创建额外的javascript。

Max和Min仍然允许用户输入超过Max和Min的数字，这不是最佳的。