input的type为number

1、右侧出现上下加减按钮

　　不显示上下加减按钮

解决

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

 

2、maxlength不起作用如何解决

如：<input type="number" maxlength="11" >时maxlength失效，长度可以无限输入。(输入手机号常用)

解决：

<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" onpaste="if(value.length>11)value=value.slice(0,11)">

oniput 是 输入 用户输入时触发
onpaste 是粘贴 用户粘贴时触发

或

使用 tel 属性 

<input type="tel" maxlength="11">