maxlength
属性不适用于<input type="number">
.这只发生在Chrome中.
<input type="number" class="test_css" maxlength="4" id="flight_number" name="number"/>
maxlength
属性不适用于<input type="number">
.这只发生在Chrome中.
<input type="number" class="test_css" maxlength="4" id="flight_number" name="number"/>
从MDN's documentation for <input>
如果type属性的值是
text
、search
、password
、tel
或url
,则此属性指定用户可以输入的最大字符数(以Unicode代码点为单位);对于其他控件类型,它将被忽略.
因此,<input type="number">
的设计忽略了maxlength
.
根据您的需要,您可以使用他/她的答案中建议的min
和max
属性(注意:这将只定义一个受约束的范围,而不是值的实际字符长度,尽管-9999到9999将覆盖所有0-4位数字),或者您可以使用常规文本输入,并使用新的pattern
属性对字段进行验证:
<input type="text" pattern="\d*" maxlength="4">