在Chrome中输入类型=“数字”忽略maxlength

Question

在Chrome中输入类型=“数字”忽略maxlength

该maxlength属性无法使用<input type="number">。这只发生在Chrome中。

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

Answer 1

最大长度将无法使用<input type="number"我知道的最佳方式使用oninput事件来限制maxlength。请参阅以下代码。<input&nbsp;name="somename" &nbsp;&nbsp;&nbsp;&nbsp;oninput="javascript:&nbsp;if&nbsp;(this.value.length&nbsp;>&nbsp;this.maxLength)&nbsp;this.value&nbsp;=&nbsp;this.value.slice(0,&nbsp;this.maxLength);" &nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;=&nbsp;"number" &nbsp;&nbsp;&nbsp;&nbsp;maxlength&nbsp;=&nbsp;"6" &nbsp;/>

Answer 2

您可以使用min和max属性。以下代码执行相同的操作：<input&nbsp;type="number"&nbsp;min="-999"&nbsp;max="9999"/>