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

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

});

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

您可以使用min和max属性。

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

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

我写了一个小而干净的解决方案。使用这个函数可以使它正常工作

  const inputHandler = (e) => {
    const { value, maxLength } = e.target;
    if (String(value).length >= maxLength) {
      e.preventDefault();
      return;
    }
  };

例如，它可以在React中这样使用:

<input
  type="number"
  maxlength="4"
  onKeyPress={inputHandler}
/>

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

<input type="number" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');" onKeyDown="if(this.value.length==10 && event.keyCode!=8) return false;">

演示 - JSFIDDLE

<input type="number"> is just that…一个数字输入(尽管不能通过Javascript从字符串转换为浮点数)。

我猜，它不会限制字符的maxLength的关键输入，否则你的用户可能会陷入“关键陷阱”，如果他们忘记了一个小数在开始(尝试放一个。在索引1，当<输入类型"text"> "maxLength" attr已经到达)。然而，如果你设置了max属性，它将在表单提交时验证。

如果试图限制/验证一个电话号码，请使用type="tel" attr/value。它遵从maxLength attr，只显示移动号码键盘(在现代浏览器中)，你可以将输入限制为一个模式(即pattern="[0-9]{10}")。