当需要用户输入手机号码的时候,把input的type属性设置为number
如图 会出现上下箭头和其他字符,比如+.e
在移动端就能调起数字键盘了,但是maxlength属性对于type=number是无效的,而且还可以输入除了数字之外的,加上下面两个事件
<input type="number" id="phone" placeholder="请输入手机号"
oninput="if(value.length>11)value=value.slice(0,11)"
onkeypress='return( /[\d]/.test(String.fromCharCode(event.keyCode)))'>
css
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
</style>