<!DOCTYPE html>
<html lang="ko">
<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" />
<title>input_tag_test</title>
</head>
<!-- 필수입력은 requird 넣기! -->
<body>
<table border="1" width="800" height="700" cellspacing="0" bordercolor="#bbb">
<caption><font color="red" size="2">* 필수입력</font></caption>
<tr>
<td width="200"> 아이디<font color="red">*</font></td>
<td> <input type="text" autofocus>
<button type="button">아이디 중복체크</button></td>
</tr>
<tr>
<td> 별명<font color="red">*</font></td>
<td> <input type="text">
<button type="button">닉네임 중복체크</button></td>
</tr>
<tr>
<td> 비밀번호<font color="red">*</font></td>
<td>
<input type="password" size="10"> 확인
<input type="password" size="10"></td>
</tr>
<tr>
<td> 성명<font color="red">*</font></td>
<td> <input type="text"></td>
</tr>
<tr>
<td> 전자우편<font color="red">*</font></td>
<td>
<input type="text"> @ <input type="text">
<select>
<option>직접입력</option>
<option>naver.com</option>
<option>nate.com</option>
<option>gmail.com</option>
</select>
</td>
</tr>
<tr>
<td height="80"> 주소<font color="red">*</font></td>
<td>
<input type="text" size="10" placeholder="000-000">
<button type="button">우편번호 찾기</button><br />
<input type="text" size="30">
<input type="text" size="30" placeholder="상세주소를 입력해주세요">
</td>
</tr><tr>
<td> 전화번호<font color="red">*</font></td>
<td>
<select>
<option>선택</option>
<option>051</option>
<option>055</option>
<option>02</option>
<option>031</option>
</select> -
<input type="text" size="10"> -
<input type="text" size="10">
</td>
</tr><tr>
<td> 휴대전화<font color="red">*</font></td>
<td>
<select>
<option>선택</option>
<option>010</option>
<option>016</option>
<option>012</option>
</select> -
<input type="text" size="10"> -
<input type="text" size="10">
</td>
</tr>
<tr>
<td> 생년월일</td>
<td>
<input type="radio" name="birth">양력
<input type="radio" name="birth">음력
<select>
<option>선택</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
</select>년
<select>
<option>선택</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
</select>월
<select>
<option>선택</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>일
</td>
<tr>
<td> 결혼</td>
<td>
<input type="radio" name="marry">미혼
<input type="radio" name="marry">기혼
</td>
</tr>
<tr>
<td> 추천인 아이디</td>
<td> <input type="text"></td>
</tr>
</table>
</body>
</html>