一尘不染

Chrome中输入类型=“ number”的maxlength被忽略

html

maxlength属性不适用于<input type="number">。这仅在Chrome中发生。

<input type="number" class="test_css"  maxlength="4"  id="flight_number" name="number"/>

阅读 401

收藏
2020-05-10

共1个答案

一尘不染

MDN的文档中<input>

如果值 类型
属性是textemailsearchpasswordtel,或url,此属性指定的最大字符数(在Unicode代码点),用户可以输入;
对于其他控件类型,将忽略它。

因此maxlength<input type="number">设计上被忽略。

根据您的需求,您可以使用minmax属性作为 INON
在他/她的回答表明(注:这只会定义的约束范围,而不是值的实际字符长度,虽然-9999〜9999将覆盖所有0-4位数字),也可以使用常规文本输入并使用新pattern属性在字段上强制执行验证:

<input type="text" pattern="\d*" maxlength="4">
2020-05-10