解决input,number类型的maxlength无效

Posted niuben

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决input,number类型的maxlength无效相关的知识,希望对你有一定的参考价值。

使用input数字number类型的时候maxlength无效

假设需要控制输入数量为5,可以用以下方式:

<input type="text"  maxlength="5" />   效果ok

<input type="number"  maxlength="5" />  无效

 

改成这个

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

以上是关于解决input,number类型的maxlength无效的主要内容,如果未能解决你的问题,请参考以下文章

解决input number类型上下滚动 禁用滚轮事件

elementui中el-input类型设置为number类型

input的类型为number,限制输入的数字位数

input 数字类型(number)限制长度

在Chrome与火狐中,输入框input类型为number时,如何去除掉的自带的上下默认箭头

在 React 中禁用 `<input type=number>` 的滚动