html的input只能输入数字与减号(-),这个怎么写_随笔

下面讲解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>

<title>正则只能输入数字</title>

</head>

<body>

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>

欢迎分享，转载请注明来源：内存溢出

html的input只能输入数字与减号(-),这个怎么写