html - 如何限制 type="number" HTML 中的输入

Question

有人可以帮我限制 type="number" 的输入，因为我知道最大长度在数字类型中不起作用，而且 max 只能在微调器中起作用，我想知道如何在输入时限制输入。

<input type="Number" name="id" class="form-control" max="9999999" required>

标签： html

Answer 1

oninput您可以使用一些 JS添加属性：

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

密码笔