如何限制type=";中的输入;“数字”;HTML

如何限制type=";中的输入;“数字”;HTML,html,Html,有人能帮我限制type=“number”中的输入吗?因为我知道max length在number类型中不起作用,而且max只能在spinner中起作用,所以我想知道如何在键入时限制输入 <input type="Number" name="id" class="form-control" max="9999999" required> 您必须使用一些javascript。代码如下 代码基本上存储输入的值(如果长度小于7),当长度大于7时,它只是用存储的值替换输入字段的值 var文

有人能帮我限制type=“number”中的输入吗?因为我知道max length在number类型中不起作用,而且max只能在spinner中起作用,所以我想知道如何在键入时限制输入

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

您必须使用一些javascript。代码如下

代码基本上存储输入的值(如果长度小于7),当长度大于7时,它只是用存储的值替换输入字段的值

var文本;
document.getElementById(“输入”).addEventListener(“按键”,函数(){
if(document.getElementById(“输入”).value.length>7){
document.getElementById(“输入”).value=text;
}
否则{
text=document.getElementById(“输入”).value;
}
});

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

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


可能重复@HassanSiddiqui,但这不是该问题的重复。这个问题问为什么它不起作用,答案对他来说是可行的。然而,这个问题中的OP知道它不起作用,并且想要一种方法来防止他们在打字时超过最大值。在第一个问题的答案中,它只会通知您在尝试提交表单时超出了最大值。