티스토리 뷰
- submit (회원가입)을 누르면 메일로 보내기
- aligen = "center" : 가운대 정렬
<!DOCTYPE html>
<html>
<head>
<title>회원가입</title>
</head>
<body>
<form action="mailto:jessicasla@nate.com?subject=회원 가입" enctype="text/plain" method="post">
<!--밑에 submit 누르면 메일로 보내짐-->
<table border="1px" bordercolor="grey" align="center">
<tbody>
<tr>
<td colspan="2" bgcolor="lightblue" align="center">회원 기본 정보</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">아이디</td>
<td><input size="15" type="text" name="id"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">비밀번호</td>
<td><input size="15" type="password" name="password"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">비밀번호 확인</td>
<td><input size="15" type="password" name="password_check"></td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">메일 주소</td>
<td><input type="text" name="mail"> 예) id@domain.com</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">이름</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td colspan="2" bgcolor="lightblue" align="center"> 개인 신상 정보</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">주민등록번호</td>
<td>
<input size="7" type="text" name="id_num">
- <input size="7" type="password" name="id_num_back">
예)123456-1234567
</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">생일</td>
<td>
<input size="5" type="text" name="birth_year">년
<select id="month">
<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>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
월
<select id="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>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
일
</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">관심분야</td>
<td>
<input type="checkbox" name="computer">컴퓨터
<input type="checkbox" name="internet">인터넷
<input type="checkbox" name="travel">여행
<input type="checkbox" name="movie">영화감상
<input type="checkbox" name="music">음악감상
</td>
</tr>
<tr>
<td bgcolor="lightgrey" align="center">자기소개</td>
<td><textarea cols="50" style="margin: 0px; height: 300px; width:480px"></textarea>
<!--크기 조정 가능-->
</td>
</tr>
</tbody>
</table>
<p align="center">
<input type="submit" value="회원 가입">
<!--누르면 메일이 보내짐-->
<input type="reset" value="다시 입력">
<!--누르면 초기화-->
</p>
</form>
</body>
</html>
'FRONT-END > HTML' 카테고리의 다른 글
| [HTML] SEMANTIC TAG (0) | 2019.01.21 |
|---|---|
| [HTML] FORM (0) | 2019.01.16 |
| [HTML] TAGS (0) | 2019.01.16 |
| [HTML] 테이블 만들기 (0) | 2018.04.03 |
| [HTML] BASIC THINGS (0) | 2018.04.03 |
댓글