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; }