maxlenght 在input框上不起作用，可以无限输入

1、<input type="number" placeholder="请输入手机号码" maxlength="11" />这种情况下怎么也不起作用

2、<input type="text" placeholder="请输入手机号码" maxlength="11" />，maxlength属性是有效的。但是type=”text”有一个不好的体验，就是获取焦点后弹出的输入法是默认拼音的那种，不太适合此处要求纯数字的需求。

3、<input type="tel" placeholder="请输入手机号码" maxlength="11" />

弹出的也是数字键盘不过会存在一个‘-’的固话间隔符号。不过这影响不大的，因为为了可拓展性，肯定还是需要写些js代码去判断内容的有效性，比如正则表达式。

 

解决方案：

<input type="number" placeholder="请输入手机号码" οninput="if(value.length>11)value=value.slice(0,11)" />