时间戳

首页 > 解决方案 > 如何在输入标签类型中设置最大长度为数字？

html - 如何在输入标签类型中设置最大长度为数字？

问题描述

类型为数字时如何在输入标签中设置最大长度值？

<html>
<body>
<input type="number" maxlength="10">
</body>
</html>

标签： htmlinput

解决方案

根据 MDN：

对于最大长度

对文本、搜索、url、电话、电子邮件和密码有效，它定义了用户可以在字段中输入的最大字符数（作为 UTF-16 代码单元）。这必须是 > 一个大于等于 0 的整数值。如果未指定 maxlength，或者 >specified 无效值，则该字段没有最大长度。该值还必须大于或>等于 minlength 的值。

所以type=number被忽略。这是使用该模式的解决方法

<input type="text" pattern="\d*" maxlength="4">

推荐阅读