-
Notifications
You must be signed in to change notification settings - Fork 2
/
signup.html
134 lines (128 loc) · 6.29 KB
/
signup.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gugi&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/7395e48b31.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<title>억새풀</title>
</head>
<body>
<!-- navbar -->
<nav id="navbar">
<div class="navbar_logo">
<a href="index.php"><i class="fas fa-seedling"></i> 억새풀</a>
</div>
<ul class="navbar_list">
<li><a href="rent.html">임대신청</a></li>
<li><a href="#">자료실</a></li>
<li><a href="introduce.html">회사소개</a></li>
<li><a href="lend.html">기계등록</a></li>
</ul>
<ul class="navbar_list">
<li><a href="mypage.html">마이페이지</a></li>
<li><a href="login.html">로그인</a></li>
</ul>
<button class="navbar_toggle_btn">
<i class="fas fa-bars"></i>
</button>
</nav>
<section id="signup" class="section">
<div class="section_container">
<div class="navbar_logo" style="font-size: 35px;">
<i class="fas fa-seedling"></i>
<a href="index.php">억새풀</a>
</div>
<form action="signup.php" method="post">
<div class="signup_wrap">
<label>아이디<span class="red_dot">*</span></label>
<div class="input_row">
<input type="text" name="id" class="input_text" value="" maxlength="16" required="">
</div>
<!-- #2 PASSWORD VERIFICATION -->
<script>
var check = function () {
if (document.getElementById('pw').value ==
document.getElementById('cpassword').value) {
document.getElementById('message').style.color = 'green';
document.getElementById('message').innerHTML = 'matching';
} else {
document.getElementById('message').style.color = 'red';
document.getElementById('message').innerHTML = 'not matching';
}
}
</script>
<label>비밀번호<span class="red_dot">*</span></label>
<div class="input_row">
<input type="password" name="pw" id="pw" class="input_text" value="" minlength="8"
maxlength="30" required="" onkeyup='check();'>
</div>
<label>비밀번호 재확인<span class="red_dot">*</span></label>
<div class="input_row">
<input type="password" name="cpassword" id="cpassword" class="input_text" value="" minlength="8"
maxlength="30" required="" onkeyup='check();'>
</div>
<span id='message'></span>
<span class="text-danger"></span>
<label>이름<span class="red_dot">*</span></label>
<div class="input_row">
<input type="text" name="name" class="input_text" value="" maxlength="50" required="">
</div>
<label>이메일</label>
<div class="input_row">
<input type="email" name="email" class="input_text" value="" maxlength="30"
placeholder="abcd@~mail.com">
</div>
<label>휴대전화<span class="red_dot">*</span></label>
<div class="input_row">
<input type="tel" name="phone" class="input_text" value="" maxlength="16"
pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}" required placeholder="010-xxxx-xxxx">
</div>
<label>주소<span class="red_dot">*</span></label>
<div class="input_row">
<input type="text" name="address" class="input_text" value="" maxlength="128" required=""
placeholder="~시 ~읍/면/동/리">
</div>
<div class="signup_submit">
<button type="submit" class="btn_login" name="signup">
<span class="btn_text">회원가입</span>
</button>
</div>
</div>
<div class="sigup_bottom">
<p><a class="btn-login" href="login.html" class="signup_btn">
이미 계정이 있으신가요?
</a></p>
</div>
</form>
</div>
</section>
<!-- footer -->
<footer id="footer">
<div class="footer_logo">
<div class="navbar_logo">
<i class="fas fa-seedling"></i>
<a href="index.html">억새풀</a>
</div>
</div>
</div>
<div class="footer_text">
<p class="footer_text_p">36729 경상북도 안동시 경동로 1375 (송천동) 국립안동대학교 공대1호관 413호 NGN연구실</p>
<p class="footer_text_p">TEL : 010-9548-1369 / E-MAIL : [email protected]</p>
<p class="footer_text_p">COPYRIGHT (C)2022 억새풀. ALL RIGHTS RESERVED.</p>
</div>
<div class="footer_box">
<ul class="footer_list">
<li><a href="introduce.html" class="footer_text_p">회사소개</a></li>
<li><a href="conditions.html" class="footer_text_p">이용약관</a></li>
<li><a href="user-policy.html" class="footer_text_p">개인정보처리방침</a></li>
<li><a href="instruction.html" class="footer_text_p">서비스이용안내</a></li>
</ul>
</div>
</footer>
</body>
</html>