html5 – 在Chrome中针对输入类型=“number”忽略maxlength

前端之家收集整理的这篇文章主要介绍了html5 – 在Chrome中针对输入类型=“number”忽略maxlength前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
maxlength属性不能与< input type =“number”&gt ;.这只会在Chrome中发生。
<input type="number" class="test_css"  maxlength="4"  id="flight_number" name="number"/>

解决方法

MDN’s documentation for <input>

If the value of the type attribute is text,email,search,password,tel,or url,this attribute specifies the maximum number of characters (in Unicode code points) that the user can enter; for other control types,it is ignored.

所以maxlength在< input type =“number”>设计。

根据你的需要,你可以在他/她的答案中使用min和max属性inon建议(注意:这将只定义一个约束范围,而不是值的实际字符长度,虽然-9999到9999将覆盖所有0 -4位数字),或者您可以使用常规文本输入并使用新的pattern属性对字段执行验证:

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

猜你在找的HTML5相关文章