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

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

具体步骤如下：

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

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

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

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

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

方法一：

或者可以用脚本来验证是否数字：

function check(obj){

if (isNaN(obj.value))

{alert("请输入数字！")

obj.value=""}

}

</script>

方法二：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

<input type="text" onkeypress="return event.keyCode >= 49 && event.keyCode <= 57"/>

</BODY>

</HTML>

接计算出来的结果赋予文本框的value即可。如：

html：

js：

window.onload = function(){

var sum = "111"

document.getElementById("num").value = sum

}

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

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