input number 输入正整数以及输入位数限制

input number 输入正整数

HTML页面中，input输入框当仅能输入数字，发现还会键入- + e E等各种字符。有时为了不让这些字符输入，切只能输入整数。
解决方案如下:
＜input id="mid" type="number" min="1" oninput="this.value=this.value.replace(/\D/g);"/＞
为了保证输入位数，在oninput方法中加入如下:
＜input id="mid" type="number" min="1" oninput="this.value=this.value.replace(/\D/g);if(this.value.length＞4)this.value=this.value.slice(0,4)"/＞
即只能输入输入4位正整数
补充
input="number"时，input输入框后面会出现上下箭头，想要去掉上下箭头，在css样式中添加如下样式:
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance:none; }