可以使用html5的number类型实现限制文本框只能输入数字。
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。
4、在浏览器中打开此html文件,可以看到最终想要实现的限制文本框只能输入数字效果。
下面讲解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按钮,就完成了 。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)