티스토리 뷰
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<form action="#">
<table border="1" width="700" align="center">
<tr>
<th colspan="2" style="background-color: lightblue">회원 기본 정보</th>
</tr>
<tr>
<td align="center" style="background-color: lightgray">아이디</td>
<td><input size="15" type="text"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td align="center" style="background-color: lightgray">비밀번호</td>
<td><input size="15" type="text"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td align="center" style="background-color: lightgray">비밀번호 확인</td>
<td><input size="15" type="text"></td>
</tr>
<tr>
<td align="center" style="background-color: lightgray">메일주소</td>
<td><input size="18" type="text"> 예) id@domain.com</td>
</tr>
<tr>
<td align="center" style="background-color: lightgray">이름</td>
<td><input size="18" type="text"></td>
</tr>
<tr>
<th colspan="2" style="background-color: lightblue">개인 신상 정보</th>
</tr>
<tr>
<td align="center" style="background-color: lightgray">주민등록번호</td>
<td><input size="10" type="text">-<input size="10" type="text"> 예)123456-1234567</tb>
</tr>
<tr>
<td align="center" style="background-color: lightgray">생일</td>
<td><input size="8" type="text">년
<select>
<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>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>
<tr>
<td align="center" style="background-color: lightgray">관심분야</td>
<td>
<input type="checkbox">컴퓨터</input>
<input type="checkbox">인터넷</input>
<input type="checkbox">여행</input>
<input type="checkbox">영화감상</input>
<input type="checkbox">음악감상</input>
</td>
</tr>
<tr>
<td align="center" style="background-color: lightgray">자기소개</td>
<td>
<textarea style="margin: 0px; height: 300px; width:575px"></textarea>
</td>
</tr>
</table>
<br>
<div align="center">
<input type="submit" value="회원 가입">
<input type="reset" value="다시 입력">
</div>
</form>
</body>
</html>'HTML' 카테고리의 다른 글
| [HTML] 테이블 만들기 (0) | 2019.08.02 |
|---|
댓글