HTML INPUT只能输入数字

html-css018

HTML INPUT只能输入数字,第1张

在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>