Input框如何限制只能输入小数

1、首先我们打开Sublime Text，并且准备一个空的HTML5文档人，如下图所示

2、接下来我们在head标签中导入jquery.js文件，如下图所以，当然不导入用原生JS也可以的

3、接下来我们在正文中创建一个input输入框，如下图所示，注意给input起一个id名字

4、然后我们就可以在JS脚本中在初始化的时候给input绑定keyup事件了，这里在用户输入的时候把非数字的都替换掉了，如下图所示

5、另外要注意的是还需要绑定一个paste事件，以防止用户采用复制的方式输入信息，如下图所示

6、最后我们运行程序以后，你会在页面中看到如下图所示的输入框，你输入非数字是输不进去的

7、综上所述，限制input只能输入数字主要运用了replace方法将非数字内容进行即时的替换即可。