강상위 / db-frs

Go to a project
Toggle navigation Toggle navigation pinning
김혜림
809c9d0a 1 parent 1cd17d0e

fourth commit

Inline Side-by-side
Showing 3 changed files with 117 additions and 7 deletions
...@@ -65,11 +65,21 @@ input[type=submit] { ...@@ -65,11 +65,21 @@ input[type=submit] {
65 box-sizing: border-box; 65 box-sizing: border-box;
66 border: 3px solid rgb(251, 199, 205); 66 border: 3px solid rgb(251, 199, 205);
67 border-radius: 4px; 67 border-radius: 4px;
68 - font-size: 20px; 68 + font-size: 25px;
69 font-family: '배달의민족 도현'; 69 font-family: '배달의민족 도현';
70 background-color: rgb(251, 199, 205); 70 background-color: rgb(251, 199, 205);
71 padding: 10px 10px 10px 10px; 71 padding: 10px 10px 10px 10px;
72 } 72 }
73 +input[type=datetime-local] {
74 + width: 320px;
75 + box-sizing: border-box;
76 + border: 3px solid rgb(191, 191, 191);
77 + border-radius: 4px;
78 + font-size: 18px;
79 + font-family: '배달의민족 도현';
80 + background-color: rgb(230, 243, 255);
81 + padding: 10px 10px 10px 20px;
82 +}
73 #btn1 { 83 #btn1 {
74 width: 147px; 84 width: 147px;
75 height: 60px; 85 height: 60px;
...@@ -112,6 +122,10 @@ input[type=submit] { ...@@ -112,6 +122,10 @@ input[type=submit] {
112 border: solid 5px rgb(230, 243, 255); 122 border: solid 5px rgb(230, 243, 255);
113 background-image: url('back-arrow.png'); 123 background-image: url('back-arrow.png');
114 } 124 }
125 +form {
126 + font-family: '배달의민족 도현';
127 + font-size:20px;
128 +}
115 129
116 </style> 130 </style>
117 131
...@@ -125,11 +139,15 @@ input[type=submit] { ...@@ -125,11 +139,15 @@ input[type=submit] {
125 139
126 <center><select id="select1"><option>선택1<option>선택2<option>선택3</select></center><br> 140 <center><select id="select1"><option>선택1<option>선택2<option>선택3</select></center><br>
127 <center><select id="select2"><option>선택1<option>선택2<option>선택3</select>&nbsp;<input type="number" name="quantity" min="1" max="5"></center><br> 141 <center><select id="select2"><option>선택1<option>선택2<option>선택3</select>&nbsp;<input type="number" name="quantity" min="1" max="5"></center><br>
128 -<center><input type="text" placeholder="시작 시간 입력"></center><br> 142 +
129 -<center><input type="text" placeholder="종료 시간 입력"></center><br><br><br> 143 +<form action="/action_page.php">
144 +<center>시작 시간<br><br><input type="datetime-local" name="bdaytime"></center><br>
145 +<center>종료 시간<br><br><input type="datetime-local" name="bdaytime"></center><br>
146 +</form>
147 +
148 +<br>
130 <center><input type="submit" value="검색"></center> 149 <center><input type="submit" value="검색"></center>
131 150
132 -<br><br><br>
133 <center><img width="100;" height="70;" align="bottom;" src="khu.png"/></center> 151 <center><img width="100;" height="70;" align="bottom;" src="khu.png"/></center>
134 152
135 </form> 153 </form>
......
...@@ -35,7 +35,6 @@ input[type=password] { ...@@ -35,7 +35,6 @@ input[type=password] {
35 transition: 0.5s; 35 transition: 0.5s;
36 outline: none; 36 outline: none;
37 margin-right: 7px; 37 margin-right: 7px;
38 - font-family: '배달의민족 도현';
39 } 38 }
40 input[type=password]:focus { 39 input[type=password]:focus {
41 border: 3px solid #555; 40 border: 3px solid #555;
...@@ -80,8 +79,8 @@ h2 { ...@@ -80,8 +79,8 @@ h2 {
80 79
81 <center><button id="btn1">로그인</button></center><br> 80 <center><button id="btn1">로그인</button></center><br>
82 <center><button id="btn2">회원가입</button></center><br> 81 <center><button id="btn2">회원가입</button></center><br>
83 -<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br> 82 +
84 -<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><br>--> 83 +<br>
85 <img width="100;" height="70;" align="bottom;" src="khu.png"/> 84 <img width="100;" height="70;" align="bottom;" src="khu.png"/>
86 85
87 </form> 86 </form>
......
1 +<!DOCTYPE html>
2 +<html>
3 +<head>
4 + <title>회원가입화면</title>
5 +</head>
6 +<style>
7 +body {
8 + background-color: rgb(230, 243, 255);
9 + line-height: 30%;
10 +}
11 +img {
12 + display:block;
13 + margin:auto;
14 +}
15 +input[type=text] {
16 + width: 20%;
17 + padding: 12px 20px;
18 + box-sizing: border-box;
19 + border: 3px solid #ccc;
20 + -webkit-transition: 0.5s;
21 + transition: 0.5s;
22 + outline: none;
23 + font-family: '배달의민족 도현';
24 +}
25 +input[type=text]:focus {
26 + border: 3px solid #555;
27 +}
28 +input[type=password] {
29 + width: 20%;
30 + padding: 12px 20px;
31 + box-sizing: border-box;
32 + border: 3px solid #ccc;
33 + -webkit-transition: 0.5s;
34 + transition: 0.5s;
35 + outline: none;
36 + margin-right: 7px;
37 +}
38 +input[type=password]:focus {
39 + border: 3px solid #555;
40 +}
41 +#btn1 {
42 + width: 120px;
43 + height: 45px;
44 + font-size:25px;
45 + font-family: '배달의민족 도현';
46 + color: gray;
47 + background: white;
48 + border: solid 5px white;
49 + border-radius: 5px;
50 +}
51 +#btn2 {
52 + width: 150px;
53 + height: 47px;
54 + font-size:25px;
55 + font-family: '배달의민족 도현';
56 + color: gray;
57 + background: white;
58 + border: solid 5px white;
59 + border-radius: 5px;
60 +}
61 +h2 {
62 + font-family: '배달의민족 도현';
63 +}
64 +
65 +</style>
66 +
67 +
68 +<body>
69 +
70 +<br>
71 +<img style="border-radius:15px;" width="300px;" src="캡처6.png"/>
72 +<form>
73 +
74 +<br>
75 +<center><H2>ID&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="id" placeholder="ID 입력" required><br></H2></center>
76 +<center><H2>PW&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="password" name="password" placeholder="비밀번호 입력" required><br></H2></center>
77 +<center><H2>이름&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="name" placeholder="사용자 이름 입력" required><br></H2></center>
78 +<center><H2>메일주소&nbsp;<input style="border-radius:10px;" type="text" name="email" placeholder="메일주소 입력" required><br></H2></center>
79 +<center><H2>부서 ID&nbsp;&nbsp;&nbsp;<input style="border-radius:10px;" type="text" name="depid" placeholder="부서 ID 입력" required><br></H2></center>
80 +
81 +<br>
82 +
83 +<center><button id="btn2">회원가입</button></center><br>
84 +<!--<center><button class="btn;" id="btn;" type="submit;"><img width="120;" height="45;" class="btn-img" src="로그인.png"></button></center><br>
85 +<center><button class="btn;" id="btn;" type="submitl"><img width="150;" height="47;" class="btn-img" src="회원가입.png"></button></center><br>-->
86 +<img width="100;" height="70;" align="bottom;" src="khu.png"/>
87 +
88 +</form>
89 +
90 +
91 +</body>
92 +
93 +</html>
...\ No newline at end of file ...\ No newline at end of file