在做项目的过程中，经常要用到输入框，而用户输入值可能不知道应该输入些什么，这时就需要对输入框的输入内容进行限制。简单有效的方法之一，就是利用正则表达式，输入不正确的内容会被清除掉。下面利用一个实例说明控制输入框输入整数、小数和负数，操作如下：工具/原料moreHBuilderHTML5CSS截图工具浏览器方法/步骤1/6分步阅读

第一步，打开HBuilder编辑工具，新建静态页面reg.html，如下图所示：

2/6

第二步，在body/body标签元素内插入input输入框，设置宽度为300px，如下图所示：

3/6

第三步，在input输入框内添加onkeyup事件，事件里有正则表达式，只要不满足这个正则表达式，就会清除输入的内容，如下图所示：

4/6

第四步，保存编辑的代码，预览该静态页面，查看页面效果并输入值，发现可以输入数字和小数点，其他的都被清除掉，如下图所示：

5/6

第五步，为了可以输入负数，需要将“-”添加到正则表达式中，如下图所示：

6/6

第六步，再次预览该静态页面，发现可以输入负数；这个正则表达式有个缺陷，不能控制仅仅输入一个小数点或“-”，如下图所示：

注意事项

注意合理使用正则表达式

注意正则表达式语法

正则表达式HTML5CSS控制数字输入