input为number类型maxlength不好使

问题

<input type="text"  name="phone" class="phone" value="" placeholder="请输入手机号maxlength="11" />   `` 可以
<input type="number" name="phone" class="phone" value="" placeholder="请输入手机号"  maxlength="11">  不可以

解决

number控制输入长度

<input type="number" name="phone" class="phone" value="" placeholder="请输入手机号" autofocus="autofocus" oninput="if(value.length>11) value=value.slice(0,11)" />

添加oninput事件，用js进行判断，如果长度大于11位，则截取前11位