-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy path赵子怡-20281266.html
102 lines (84 loc) · 2.05 KB
/
赵子怡-20281266.html
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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
height: 100%;
}
.container {
height: 100%;
background:url('1.jpg');
background-size:cover;background-repeat:no-repeat;
}
.login-wrapper{
background-color: #bed1b287;
width: 400px;
height: 400px;
border-radius: 15px;
padding: 050px;
position: relative;
left: 50%;
top: 55%;
transform: translate(-50%,-50%);
}
.header{
font-size:38px;
font-weight:bold;
text-align:center;
line-height:130px;
color:white;
}
.input-item{
display:block;
width:100%;
margin-bottom:20px;
border:0;
padding:10px;
border-bottom:1px solid rgb(128,125,125);
font-size:15px;
outline:none;
}
.btn{
padding:10px;
text-align:center;
margin-top:40px;
background-image:linear-gradient(to right, #e2fcc4, #e2fcc469);
width:100%;
border-style:none;
font-size: 15px;
}
</style>
</head>
<body >
<div class="container">
<div class="login-wrapper">
<div class="header">登陆</div>
<div class="form-wrapper">
<input id="name" type="text" name="name" placeholder="用户名" class="input-item">
<input id="password" type="password" name="password" placeholder="密码" class="input-item">
<input id="button" type="submit" value="登陆" class="btn" onclick="getMessage()">
</div>
<script>
function getMessage() {
var btn = document.getElementById("button");
var name=document.getElementById("name").value;
var password=document.getElementById("password").value;
if (name=="a" && password=="1234"){
alert("登录成功");}
else
{alert("登录失败");}
};
</script>
</div>
</div>
</body>
</html>