输入类型编号的最大长度

Question

我在 HTML 中有一个数字输入字段。

  <input type="number" value="0">

并且我希望用户在文本框中输入的字符不能超过五个。

我以前在类型设置为 text 时使用过 maxlength 属性，但这不适用于 number 属性。是否有相对简单的解决方案（首选内联 HTML）来克服这个问题并限制字符数？

谢谢。

Answer 1

如果您希望号码最多包含 5 位数字，您可以使用最大的 5 位数字并将其设置为输入的 max 属性：

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

以上只会将数字最大化到99999，但不会禁止输入超过5个字符。这不能仅靠 HTML 来完成。

不过，可以用 JavaScript 完成。例如：

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

上面的代码所做的就是，oninput，它检查 input 中的字符数，如果超过 maxlength 中指定的字符数，它删除字符。

来源：maxlength ignored for input type="number" in Chrome

输入类型编号的最大长度

Maxlength for input type number

html

forms