여태까지 배운 기능을 통해, 화면의 예시를 보여주며
센터에다 회원가입 창을 생성, 좌측 상단에 자동 재생되는 bgm을 삽입,
하단 중앙의 좌측 회원가입 버튼을 누를시 메일 전송창 띄우기(입력 내용출력기능은 다음에!)
우측 메뉴 클릭시 입력된 내용 초기화.
제한시간 1시간.
펼침매뉴 구현,
테이블 구현,
버튼과 <form> 태그를 이용해, 폼 안의 내용 삭제,
이메일 보내기 구현
이 주 사항.
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
|
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<audio controls="controls" src="./title.wav" autoplay></audio>
<form>
<table width="640" height="440" border="1" align="center">
<tr colspan="2"></tr>
<tr>
<td colspan="2" bgcolor="CadetBlue" align="center">회원 기본 정보</td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">아이디:</td>
<td bgcolor="Azure"><input type="text" name="id" size="13" maxlength="12"> 4~12자의 영문 대소문자 숫자로만 입력</td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">비밀번호:</td>
<td bgcolor="Azure"><input type="password" name="pw" size="14" maxlength="12"> 4~12자의 영문 대소문자 숫자로만 입력</td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">비밀번호 확인:</td>
<td bgcolor="Azure"><input type="password" name="pw2" size="14" maxlength="12"> </td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">메일주소:</td>
<td bgcolor="Azure"><input type="email" name="mail" size="17" maxlength="25"> 예) admin@admin.com </td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">이름:</td>
<td bgcolor="Azure"><input type="text" name="name" size="17" maxlength="12"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="CadetBlue" align="center">개인 신상 정보</td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">주민등록번호:</td>
<td bgcolor="Azure"><input type="text" name="registnum" size="17" maxlength="13"> 예) 920613-0000000 </td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">생일:</td>
<td bgcolor="Azure">
<select name="year">
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
<option value="1995">1995</option>
</select>년
<select name="month">
<option value="jan">1</option>
<option value="feb">2</option>
<option value="mar">3</option>
<option value="apr">4</option>
<option value="may">5</option>
<option value="june">6</option>
</select>월
<select name="day">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>일 </td>
</tr>
<tr>
<td bgcolor="BlanchedAlmond" align="center">관심분야:</td>
<td bgcolor="Azure">
<input type="checkbox" name="hobby" value="computer">컴퓨터
<input type="checkbox" name="hobby" value="internet">이너넷
<input type="checkbox" name="hobby" value="webserf">여행
<input type="checkbox" name="hobby" value="movie">영화
<input type="checkbox" name="hobby" value="music">음악
</td>
</tr>
<tr height="130px">
<td bgcolor="BlanchedAlmond" align="center">자기소개:</td>
<td bgcolor="Azure"><textarea name="etc" rows="7" cols="60"></textarea></td>
</tr>
</table>
<p align="center">
<input name="submit" type="submit" value="회원가입" onclick="parent.location='mailto:juicycool92@gmail.com'">
<input type="reset" value="다시입력" onclick="reset">
</p>
</form>
</body>
</html>
|
댓글 없음:
댓글 쓰기