发送短信验证 倒计时按钮不能点击
思路:1.发送按钮框中存放两个元素 宽高、大小、定位、一样
2..当状态改变是 :切换display属性;
一.css样式代码块
<style>
.main_l {
width: 862px;
height: 456px;
margin: 0 auto;
}
.form {
padding-left: 125px;
padding-top: 60px;
}
.item_0 {
padding: 5px 0;
/*短信验证 input*/
position: relative;
}
span.get_code {
display: inline-block;
width: 110px;
height: 33px;
z-index: 10;
position: absolute;
text-decoration: none, ;
color: #000;
display: none;
background: #239cdc;
}
/*标题*/
.label {
float: left;
width: 110px;
padding-right: 10px;
height: 35px;
line-height: 35px;
text-align: right;
font-size: 14px;
font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}
/*//输入内容*/
.field {
float: left;
}
/*//提示*/
.reminder {
float: left;
DISPLAY: inline;
MARGIN-LEFT: 7px;
PADDING: 0px 5px 0px 5px;