重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
可以使用html5的number类型实现限制文本框只能输入数字。
夹江ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、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按钮,就完成了 。
!DOCTYPE html
html
head
meta charset="utf-8" /
title正则 只能输入数字/title
meta name="Keywords" content="" /
meta name="Description" content="" /
link rel="stylesheet" href="css/.css" /
/head
body
input type="text" id="txt" /
button id="btn"确定/button
script
var txt = document.getElementById('txt')
var btn = document.getElementById('btn')
var reg = /^\d*$/
btn.onclick = function(){
var val = txt.value
if( !reg.test(val)){
alert('只能输入数字!')
}
}
/script
/body
/html