1. 회 원 정 보 입 력 코드
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 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 | <head> <meta charset="UTF-8"> <title>회원 가입</title> <caption><h1 align="center">회 원 정 보 입 력</h1></caption> </head> <body> <fieldset align="center"> <ul> <li style="list-style:none;"><font color="red" font size="5"><p>실명이 아니거나 남의 주민등록번호를 도용하여 허위 가입 신청한 회원은 법적인 보호가 없으며 사전 통보 없이 서비스 이용에 제한을 받게 됩니다.</p><p> 기타 문의사항이 있으면 운영자에게 메일을 보내주세요.</p></font> </li> </ul> </fieldset> <pre> <form name="myform" mehod="post"> <table align="center" border="1" cellpadding="5px" cellspacing="0px"< > <tr> <th> 이름</th> <td><input type="text" name="name"></td> </tr> <tr> <th>주민등록번호</th> <td><input type="text" name="jumin_1"> - <input type="password" name="jumin_2"></td> </tr> <tr> <th>아이디</th> <td> <input type="text" name="id"> </td> </tr> <tr> <th>비밀번호</th> <td><input type="password" name="pw"> 영문/숫자포함 8자 이상</td> </tr> <tr> <th>비밀번호 확인</th> <td><input type="password" name="pw_re"></td> </tr> <tr> <th>비밀번호 힌트/답변</th> <td><select name='pwhint' size='1' class='select'> <option value=''>선택하세요</option> <option value='30'>졸업한 초등학교 이름은?</option> <option value='31'>제일 친한 친구의 핸드폰 번호는?</option> <option value='32'>아버지 성함은?</option> <option value='33'>어머니 성함은?</option> <option value='34'>어릴 적 내 별명은?</option> <option value='35'>가장 아끼는 물건은?</option> <option value='36'>좋아하는 동물은?</option> <option value='37'>좋아하는 색깔은?</option> <option value='38'>좋아하는 음식은?</option> </select> </tr> <tr> </td> <th>답변</th> <td><input type='text' name='hintanswer'></td> </tr> <tr> <th>이메일</th> <td> <input type='text' name="email"> @ <input type='text' name="email_dns"> <select name="emailaddr"> <option value="">직접입력</option> <option value="daum.net">daum.net</option> <option value="empal.com">empal.com</option> <option value="gmail.com">gmail.com</option> <option value="hanmail.net">hanmail.net</option> <option value="msn.com">msn.com</option> <option value="naver.com">naver.com</option> <option value="nate.com">nate.com</option> </select> </td> </tr> <tr> <th>주소</th> <td> <input type="text" name="zip_h_1"> - <input type="text" name="zip_h_2"> <input type="text" name="addr_h1"> <pre><input type="text" name="addr_h2"></pre> </td> </tr> <tr> <th>전화번호</th> <td><input type="text"name="cel1"> - <input type="text" name="cel2_1" title="전화번호"> - <input type="text" name="cel2_2"> </td> </tr> <tr> <th>핸드폰 번호</th> <td><input type="text"name="tel_h1"> - <input type="text" name="tel_h2_1"> - <input type="text" name="tel_h2_2"> </td> </tr> <tr> <th>직업</th> <td> <select name='job' size='1'> <option value=''>선택하세요</option> <option value='39'>학생</option> <option value='40'>의료</option> <option value='41'>의류</option> <option value='42'>공무원</option> <option value='43'>군인</option> <option value='44'>서비스업</option> <option value='45'>교육</option> <option value='46'>화학공업</option> <option value='47'>유통업</option> <option value='48'>예술</option> <option value='49'>번역 및 통역</option> </select> </td> </tr> <tr> <th>메일/sns 정보 수신</th> <td class="s"> <input type="radio" name="chk_mail" checked> 수신 <input type="radio" name="chk_mail" value="4"> 수신거부 </td> </tr> <tr> <th> 관심분야 </th> <td> <input type='checkbox' name='interest[]' value='17'> 의료 및 보건 <input type='checkbox' name='interest[]' value='18'> IT <input type='checkbox' name='interest[]' value='19'> 디자인 <input type='checkbox' name='interest[]' value='20'> 패션 <input type='checkbox' name='interest[]' value='21'> 물류 <input type='checkbox' name='interest[]' value='22'> 창업 </td> </tr> <tr> <th>가입경로</th> <td> <select name='location' size='1'> <option value=''>선택하세요</option> <option value='23'>네이버검색</option> <option value='24'>다음검색</option> <option value='25'>기타검색엔진</option> <option value='26'>카페or동호회를 통해</option> <option value='27'>지인의소개</option> <option value='28'>기타</option> </select> </td> </tr> <tr> <th>정보공개여부</th> <td> <select name='chk_open' size='0'> <option value=''>선택하세요</option> <option value='5'>모두공개</option> <option value='6'>비공개</option> <option value='7'>1단계공개</option> <option value='8'>2단계공개</option> </select> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="회원가입"> <input type="reset" value="취소"> </td> </tr> </table> </td> </tr> </form> </pre> </body> </html> | cs |
2. 결과 화면
첫댓글 내용처리 깔끔하게 잘 하셨네요.
표안의 크기와 여백처리만 신경쓰면 될듯합니다. 수고하셨습니다.