给我一段html限制文本框只能输入数字的代码

html-css012

给我一段html限制文本框只能输入数字的代码,第1张

可以使用html5的number类型实现限制文本框只能输入数字。

具体步骤如下:

需要准备的材料分别是:电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件。

2、在ue编辑器中输入以下html代码。

3、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。

4、在浏览器中打开此html文件,可以看到最终想要实现的限制文本框只能输入数字效果。

input属性为number,做if判断,然后slice选取 (目前使用过此方法,比较简单)用于添加地址时的手机号码框

input限制只能输入数字并限制长度

js控制input只能输入数字和小数点后两位,输入其他自动清除方法

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