html5中如何设置输入框仅允许输入数字

html-css09

html5中如何设置输入框仅允许输入数字,第1张

<!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>

TML5是什么?

HTML5是指第5代HTML(超文本标记语言),也指用HTML5语言制作的一切数字产品。

网上的网页,多数都是由HTML写成的。

“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

浏览器通过解码HTML,就可以把网页内容显示出来。

下图中就很清晰的指出了H5的涵盖范围:

HTML5之所以能引发如此广泛的效应,根本在于它不再只是一种标记语言,它为下一代互联网提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些应用标准化和开放化,从而使互联网也能够轻松实现类似桌面的应用体验。