在html5中,如果想要用表单来设定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按钮,就完成了 。
如果在html5里,直接把input的type设置成number就行;如果不支持html5,就用js吧,假设有个id设成a的input标签
<script type="text/javascript">
window.onload=star
var q=""
function star()
{
var x=document.getElementById("a")
x.onchange=function()
{
var m=x.value
var n=m.charAt(str.length - 1)
if(n>=0&&n<=9) q=m
else {
alert("只能输入数字")
x.value=q
}
}
}
</script>