4位随机验证码的生成

最新推荐文章于 2024-07-08 17:11:44 发布

weixin_42026831

最新推荐文章于 2024-07-08 17:11:44 发布

阅读量1.8k

点赞数

分类专栏：练习单独案例

本文链接：https://blog.csdn.net/weixin_42026831/article/details/80042654

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>4位随机验证码的生成</title>
<style>
	label{
		color:aqua;
		float:left;
		font-size: 20px;
		line-height:2em;
	}
	#tex{
		display:inline-block;
		width:50px;
		height: 25px;
		float:left;
		text-align: center;
		font-size:15px;
		margin-top:10px;
	}
	#showyz{
		border:3px solid green;
		color:blue;
		width:90px;
		height:40px;
		text-align:center;
		float:left;
		margin-left:15px;
		line-height: 2.5em;
		
	}
	#hyz{
		background-color:burlywood;
		border:1px solid burlywood;
		width:50px;
		height:20px;
		float: left;
		margin-left:20px;
		margin-top: 10px;
		margin-right:15px;
	}
	#btn{
		
	}
</style>
</head>
<body>
<label for="tex">请输入验证码：</label><input type="text" id="tex" maxlength="4" autofocus>
<div id="showyz"></div>
<div id=