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

html-css017

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

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

具体步骤如下:

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

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

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

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

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

<html>

<body>

<form action="/example/html/form_action.asp" method="get">

<p>First name: <input type="text" name="fname" /></p>

<p>Last name: <input type="text" name="lname" /></p>

<input type="submit" value="Submit" />

</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>

</html>

用的是INPUT标签。

input标签后面的type是输入的类型

type="text"是文本输入框

type="submit"是提交按钮

他会被标记为一个类似于变量的结构

name后面就使用输入数值的时候的名字