input 属性为 number时maxlength不起作用如何解决?

input 属性为 number时maxlength不起作用如何解决?

type=text时可以限制input输入内容的长度

<input type="text"  maxlength="11" />   

但是 type设为 number 类型的时候就不生效了

<input type="number"  maxlength="5" /> //maxlength失效,长度可以无限输入。

解放方案:

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

小结:
有空还是多看看 MDN 文档,看看标签的哪些原生属性可以拿来用[捂脸],而不是简单的输入控制自己写 watch 来控制

你可能感兴趣的:(JavaScript,html)