관리 메뉴
우당탕탕 개발일지
26일차_과제 본문
반응형
<!DOCTYPE html>
<html></html>
<head>
<meta charset="UTF-8">
<title>person</title>
<style type="text/css">
option {
padding-right: 35px;
}
#color {
padding-right: 40px;
}
</style>
</head>
<body>
<form action="" method="get">
<table border="1" cellspacing="0" cellpadding="5" >
<tbody>
<tr>
<td align="center">이름</td>
<td><input type="text" id="name" placeholder="이름입력"></td>
</tr>
<tr>
<td align="center">성별</td>
<td>
<input type="radio" name="gender" id="gender_m" value="m" checked>
<label for="gender_m">남자</label>
<input type="radio" name="gender" id="gender_f" value="w" >
<label for="gender_f">여자</label>
</td>
</tr>
<tr>
<td align="center">색깔</td>
<td>
<select id="color">
<optgroup label="색깔" id="color">
<option value="red">빨강</option>
<option value="green">초록</option>
<option value="blue">파랑</option>
<option value="magenta">보라</option>
<option value="cyan">하늘</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td align="center">취미</td>
<td>
<input type="checkbox" name="hobby" id="hobby1">
<label for="hobby1">독서</label>
<input type="checkbox" name="hobby" id="hobby2">
<label for="hobby2">영화</label>
<input type="checkbox" name="hobby" id="hobby3">
<label for="hobby3">음악</label>
<input type="checkbox" name="hobby" id="hobby4">
<label for="hobby4">게임</label>
<input type="checkbox" name="hobby" id="hobby5">
<label for="hobby5">운동</label>
</td>
</tr>
<tr>
<td align="center">과목</td>
<td>
<select name="subject" multiple="multiple" size="6">
<option value="JAVA">JAVA</option>
<option value="Servlet">Servlet</option>
<option value="HTML" selected="selected">HTML</option>
<option value="Spring">Spring</option>
</select>
</td>
</tr>
</tbody>
<tfoot>
<tr align="center">
<td colspan="2">
<input type="submit" value="SEND">
<input type="reset" value="CANSEL">
</td>
</tr>
</tfoot>
</table>
</form>
</body>
작업 결과
반응형
'비트캠프/과제' Related Articles
more
