可以使用html5的number类型实现限制文本框只能输入数字。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。
下面讲解html5如何设定input对所输入的数字限定。
1、首先新建一个html网页文件，把他命名为test.html，接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。
2、在test.html文件内，需要创建一个表单<form action="" method="get"></form>。
3、给在表单内，加入一个Input，类型为number。<input type="number" name="test" min="1" max="10" />，意思是最小是1，最大是10。
4、最后在浏览器浏览一下test.html，来看看效果能否实现。需要用鼠标点中表单Submit按钮，就完成了 。
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>正则 只能输入数字</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="stylesheet" href="css/.css" />
</head>
<body>
<input type="text" id="txt" />
<button id="btn">确定</button>
<script>
var txt = document.getElementById('txt')
var btn = document.getElementById('btn')
var reg = /^\d*$/
btn.onclick = function(){
var val = txt.value
if( !reg.test(val)){
alert('只能输入数字！')
}
}
</script>
</body>
</html>
