最大长度不适用于〈input type=“number”。也许您可以阅读此click here to read more来解决您的问题

不幸的是，maxlength属性不支持number类型的输入。因此，最好的方法是使用JS。请参考以下文档，它们可能会提供一些清晰的说明。

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefmaxlength
• https://html.com/attributes/input-maxlength/
• maxlength ignored for input type="number" in Chrome

你可以试试这个。

function numOnly(id) {
    // Get the element by id
    var element = document.getElementById(id);
    // Use numbers only pattern, from 0 to 9 with \-
    var regex = /[^0-9\-]/gi;
    // Replace other characters that are not in regex pattern
    element.value = element.value.replace(regex, "");
}

<input type="text" id="number" oninput="numOnly(this.id);" name="Aadhar" maxlength="14" placeholder="xxxx-xxxx-xxxx" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" required/>

使用max代替maxlength

<input type="number" name="Aadhar" max="12" placeholder="xxxx-xxxx-xxxx" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" required>

当用户点击提交按钮时，将显示该值应小于12。这只能在表单内使用。

尝试使用type=“tel”和maxlength

请用这个。

<input type="text" name="Aadhar" maxlength="12" placeholder="xxxx-xxxx-xxxx" pattern="\d*" required>

对我很有效。