关于HTML5中input的使用攻略

1、手机号专用输入框

当我们需要在移动端输入手机号时，输入框需要满足1.输入类型只能是数字2.输入长度为11位3.需要兼容Android和IOS

在HTML5的新规范中，type为number时在Android是能打开数字键盘输入的，但是IOS有兼容性问题，因此我们可以使用pattern属性来验证我们输入字段的模式，控制为0-9的数字。这时我们还需要控制输入的长度，HTML5新规范中input中有maxlength属性，用于限制input的输入长度，但是在type为number时，该属性无效，所以我们监听输入的事件oninput，当输入时获取value的长度，当长度超过11位时，截取前11位的字符，替换value。