猿问
下载APP

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

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

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

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


泛舟湖上清波郎朗
浏览 60回答 3
3回答

尚方宝剑之说

来自MDN的文档<input>如果值类型属性是text,email,search,password,tel,或url,此属性指定字符(Unicode代码点),用户可以输入的最大数目;&nbsp;对于其他控件类型,它将被忽略。因此maxlength被<input type="number">设计忽略了。根据您的需求,您可以使用min和max属性作为INON在他/她的回答表明(注:这只会定义的约束范围,而不是值的实际字符长度,虽然-9999〜9999将覆盖所有0-4数字数字),或者您可以使用常规文本输入并使用新pattern属性对字段执行验证:<input&nbsp;type="text"&nbsp;pattern="\d*"&nbsp;maxlength="4">

幕布斯7119047

最大长度将无法使用<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;/>

青春有我

您可以使用min和max属性。以下代码执行相同的操作:<input&nbsp;type="number"&nbsp;min="-999"&nbsp;max="9999"/>
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答