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

html-css013

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

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

具体步骤如下：

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

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

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

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

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

方法一：

<input type="number" placeholder="请输入数字">

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

function check(obj){ 

if (isNaN(obj.value)) 

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

obj.value=""} 

} 

</script> 

<input type="text" name="tt"  onkeyup="check(this)">

方法二：

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

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

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

</BODY>

</HTML>