場(chǎng)景

<input type="text"? maxlength="5" />?? //可以 <input type="number"? maxlength="5" />? //沒(méi)有效果

如果為number怎樣控制輸入長(zhǎng)度

解決

<input type="number" oninput="if(value.length>4) value=value.slice(0,4)" />

添加oninput事件，用js進(jìn)行判斷，如果長(zhǎng)度大于4位，則截取前四位。

如果還要添加別的驗(yàn)證規(guī)則比如保留兩位小數(shù)或者實(shí)現(xiàn)數(shù)字的自動(dòng)計(jì)算，可以

oninput="rs(this.value);if(value.length>4) value=value.slice(0,4)"

其中rs()是其他要執(zhí)行的操作，注意中間加；

還要注意執(zhí)行的順序。

總結(jié)

以上是生活随笔為你收集整理的Input为number类型maxlength不好使，用js轻松解决的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。