控制输入框只能输入数字

1.将input的属性type改为number

2.这时的输入框会有小箭头，

去掉小箭头的方法，给input添加样式

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}
3,此时的输入框已经没有了小箭头，但是依旧可以输入一些特殊的字符，如 e，+，-等，
解决这个问题需要给input的onkeypress属性添加正则，通过控制按键的方法，来控制只能输入数字

onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"

好了，这就是完整的效果了。