前言
这是一个将验证和倒计时综合起来的案例,案例也不难理解,在页面的设计中,需要这样的代码时可直接套用,仅供参考学习。
验证案例
1.代码
代码如下(示例):
<style>
#a {
position: absolute;
left: 260px;
border-radius: 15px;
width: 150px;
height: 25px;
background-color: #e4b9b9;
text-align: center;
}
div {
position: absolute;
left: 260px;
top: 35px;
border-radius: 15px;
width: 100px;
height: 24px;
background-color: #cccccc;
text-align: center;
}
</style>
</head>
<body>
<label>
手机号:
<input type="text" maxlength="11">
</label>
<button id="a">获取验证码</button>
<br>
<label>
验证码:
<input type="text