如何在 HTML5 “input type=number” 元素中设置最大长度？

对于元素，不起作用。如何限制该数字元素？<input type="number">maxlengthmaxlength

分割线

网友回答：

您可以添加一个属性，该属性将指定可以插入的最大可能数字max

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

如果同时添加 A 和 A 值，则可以指定允许值的范围：maxmin

<input type="number" min="1" max="999" />

上述内容仍然不会阻止用户手动输入指定范围之外的值。相反，他将显示一个弹出窗口，告诉他在提交表单时在此范围内输入值，如以下屏幕截图所示：

分割线

网友回答：

您可以指定 and 属性，这将只允许在特定范围内输入。minmax

<!-- equivalent to maxlength=4 -->
<input type="number" min="-9999" max="9999">

但是，这仅适用于微调器控制按钮。虽然用户可能能够键入大于允许的数字，但表单将不会提交。max

^{截图取自Chrome 15}

您可以使用 JavaScript 中的 HTML5 事件来限制字符数：oninput

myInput.oninput = function () {
    if (this.value.length > 4) {
        this.value = this.value.slice(0,4); 
    }
}

分割线

网友回答：

如果您正在寻找一种移动 Web 解决方案，您希望用户在其中看到数字键盘而不是全文键盘。使用 type=“tel”。它将与maxlength一起使用，从而避免创建额外的javascript。

Max 和 Min 仍允许用户键入超过 max 和 min 的数字，这不是最佳选择。

模板简介：该模板名称为【如何在 HTML5 “input type=number” 元素中设置最大长度？】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。