maxlength属性不能与< input type =“number”> ;.这只会在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
,search
,password
,tel
,orurl
,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">