Question

html中input框怎么能设置为只能输入数字，设置type=number时，右边会出现上下按键

Answer 1

1. 可以设置成type="tel",可输入数字又没有上下箭头

2. 添加css进行样式控制

   input::-webkit-outer-spin-button,

   input::-webkit-inner-spin-button{

   -webkit-appearance: none;

   margin: 0; 

   }

   input[type="number"]{-moz-appearance:textfield;}

Answer 2

利用正则 \d去匹配。

Answer 3

<input type="text" id="input" onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))">

Answer 4

<input type="number" max="100" min="-100" setp="1">
max设置最大值，min 设置最小值，setp 设置调整时，值改变多少。