PC端input maxlength 失效问题

当input的type设置为number的时候,max-length失效

此时max和min是number所支持的 ,也就是最大值和最小值 所以我们可以通过设置

<input type="number" type="number" max="999" />

来控制我们最多只能输入三位数的数字;

网上也有些回答是建议使用slice,这里会有一个问题,就是截掉的永远是末尾的数字,会导致如果用户想要在中间插入数字导致数字长度超过限制的时候, 最后的数字会被直接切掉,这是slice和maxlength有所不同的地方。

 

posted @ 2020-03-04 21:28  张馨  阅读(717)  评论(0编辑  收藏  举报