MinsoftK

add js.html to ex(for usage later)

1 +<!doctype html>
2 +<html>
3 +<head>
4 +<title>KHU KHU Chat</title>
5 +<meta charset="utf-8">
6 +<link rel="stylesheet" href="style.css">
7 +<style>
8 +
9 +</style>
10 +
11 +</head>
12 +<body>
13 +
14 + <h1><a href="main.html" color:black>KHU Chatting service</a></h1>
15 + <img src="image/signin.jpg" class="image">
16 +
17 + <input id="night_day" type="button" value="night" onclick="
18 + if(document.querySelector('body').style.backgroundColor==='black')
19 + {
20 + document.querySelector('body').style.backgroundColor= 'white';
21 + document.querySelector('body').style.color= 'black';
22 + document.querySelector('#night_day').value= 'night';
23 + }else{
24 + document.querySelector('body').style.backgroundColor= 'black';
25 + document.querySelector('body').style.color= 'white';
26 + document.querySelector('#night_day').value= 'day';
27 + }
28 +
29 +
30 + ">
31 +
32 + <div id="grid">
33 + <ol>
34 + <li><a href="whatiskhuchat.html" class="saw">What is KHU chat? </a></li>
35 + <li><a href="loginmain.html" class="saw">로그인</a></li>
36 + <li><a href="signinmain.html" class="saw">회원가입</a></li>
37 + <li><a href="question.html" class="saw">문의사항</a></li>
38 + <li><a href="afterlogin.html" class="saw">로그인이후</a></li>
39 + </ol>
40 + <div id="article">
41 + <h2>회원가입</h2>
42 + <div id="inputset">
43 + <form class="signinform" action="loginmain.html">
44 + <label for="email">Email:</label><br>
45 + <input type="text" name="email"><br>
46 +
47 + <label for="password">password:</label><br>
48 + <input type="password" name="password"><br>
49 +
50 + <label for="name">이름:</label><br>
51 + <input type="text" name="name"><br>
52 +
53 + <label for="age">나이:</label><br>
54 + <input type="text" name="age"><br><br>
55 +
56 + <label for="sex">성별:</label><br>
57 + <input type="radio" value="man" name="sex">남자<br>
58 + <input type="radio" value="woman" name="sex">여자<br><br>
59 +
60 + <label for="work">직업:</label><br>
61 + <input type="radio" value="nowork" name="work">무직<br>
62 + <input type="radio" value="Hstudent" name="work">중/고생<br>
63 + <input type="radio" value="Ustudent" name="work">대학생<br>
64 + <input type="radio" value="worker" name="work">직장인<br><br>
65 +
66 + <label for="interesting">관심사(중복선택가능):</label><br>
67 + <input type="checkbox" value="movie" name="interesting">영화<br>
68 + <input type="checkbox" value="song" name="interesting">노래<br>
69 + <input type="checkbox" value="study" name="interesting">공부<br>
70 + <input type="checkbox" value="coding" name="interesting">코딩<br><br>
71 +
72 + <input type="submit" value="회원가입신청">
73 + </form>
74 + </div>
75 +
76 +
77 + </div>
78 + </div>
79 +
80 +
81 +</body>
82 +</html>