input type=number maxlength无效

场景:input type='number' maxlength失效

解释:

maxlength HTML5
如果 type 的值是 text, email, search, password, tel, 或 url,那么这个属性指明了用户最多可以输入的字符个数(按照Unicode编码方式计数);对于其他类型的输入框,该属性被忽略。它可以大于 size 属性的值。如果不指定这个属性,那么用户可以输入任意多的字符。如果指定为一个负值,那么元素表现出默认行为,即用户可以输入任意多的字符。本属性的约束规则,仅在元素的 value 属性发生变化时才会执行。译者注:ie10+

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#htmlattrdefmaxlength

解决方案:

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

原链接:https://blog.csdn.net/hl_qianduan/article/details/109522204

posted @ 2021-04-08 16:39  kpengfang  阅读(287)  评论(0)    收藏  举报