문제) CSS를 이용하지 않고 회원가입 포맷 작성
출력예)
* 헤더 배경색 정보 #99CCFF / #EFEFEF
* table tag attribute는 cellspacing, align, height 포함
* 생일항목 년도 최대글자수 4자리 지정, 월은 12월까지, 일은 31일까지 선택가능하도록 작성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="sample.html" method="post" name="form1">
<table align="center" border="1" bordercolor="#99CCFF" cellspacing="0" height="500">
<tr>
<th bgcolor="#99CCFF" colspan="2">회원기본정보</th>
</tr>
<tr>
<th bgcolor="EFEFEF">아이디</th>
<td> <input type="text" name="id" size="15" maxlength="12"> 4~12자의 영문 대소문자와 숫자로만 입력 </td>
</tr>
<tr>
<th bgcolor="EFEFEF">비밀번호</th>
<td> <input type="password" name="pass" size="15" maxlength="12"> 4~12자의 영문 대소문자와 숫자로만 입력</td>
</tr>
<tr>
<th bgcolor="EFEFEF">비밀번호확인</th>
<td> <input type="password" name="pass2" size="15" maxlength="12"></td>
</tr>
<tr>
<th bgcolor="EFEFEF">메일주소</th>
<td> <input type="text" name="mail" size="20"> 예) id@domain.com</td>
</tr>
<tr>
<th bgcolor="EFEFEF">이름</th>
<td> <input type="text" name="name" size="15"></td>
</tr>
<tr>
<th bgcolor="#99CCFF" colspan="2">개인신상정보</th>
</tr>
<tr>
<th bgcolor="EFEFEF"> 주민등록번호 </th>
<td> <input type="text" name="num" size="15" maxlength="13"> 예) 1234561234567</td>
</tr>
<tr>
<th bgcolor="EFEFEF">생일</th>
<td>
<input type="text" name="year" size="1" maxlength="4"> 년
<select name="month">
<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 name="day">
<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>
<th bgcolor="EFEFEF">관심분야</th>
<td>
<input type="checkbox" name="hobby" value="1"> 컴퓨터
<input type="checkbox" name="hobby" value="2"> 인터넷
<input type="checkbox" name="hobby" value="3"> 여행
<input type="checkbox" name="hobby" value="4"> 영화감상
<input type="checkbox" name="hobby" value="5"> 음악감상
</td>
</tr>
<tr>
<th bgcolor="EFEFEF">자기소개</th>
<td> <textarea rows="5" cols="50" name="intro"></textarea></td>
</tr>
</table><br/>
<div align="center">
<input type="submit" value="회원가입">
<input type="reset" value="다시입력">
</div>
</form>
</body>
</html>
'HTML CSS' 카테고리의 다른 글
| 간단한 회원가입 포맷 작성 두번째 - HTML 기초 예제 (0) | 2021.05.27 |
|---|
