Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
*,*:after,*:before {
box-sizing:border-box;
}
.panel-lite {
margin:20px auto;
max-width:360px;
background:#fff;
padding:45px 20px;
border-radius:4px;
box-shadow:2px 2px 5px rgba(0,0,0,0.2);
position:relative;
}
.panel-lite h4 {
font-weight:400;
font-size:24px;
text-align:center;
color:#FF4081;
margin:15px auto;
}
.panel-lite a {
display:inline-block;
margin-top:25px;
text-decoration:none;
color:#FF4081;
font-size:14px;
}
.form-group {
position:relative;
font-size:15px;
color:#666;
}
.form-group + .form-group {
margin-top:30px;
}
.form-group .form-label {
position:absolute;
z-index:1;
left:0;
top:5px;
-webkit-transition:0.3s;
transition:0.3s;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变,会自动显示代码结果 jQuery调用版本:2.1.4
 立即下载

输入框聚焦效果

请各位欢迎使用

1
      入木三分0
      2018/8/13 17:51:16
      用历史记录快捷填入方式的时候,【输入手机号】和【确认新密码】同时填写内容
      回复