Dev/HTML \ CSS \ JS

html -1

surimi🍥 2020. 11. 11. 17:33
반응형

<!doctype html>

 

이름
성별
색깔
취미
독서 영화 음악 게임 쇼핑
과목

 

 

더보기

# 코드

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>person</title>
</head>
<body>
 <form name="" method="get" action="person.jsp">
  <table border="1" cellpadding="3" cellspacing="0">
	<tr>
	   <td width="70" align="center">이름</td>
	   <td>
	   <input type="text" name="name" placeholder="이름 입력"></td>
	</tr>

	<tr>
	   <td align="center">성별</td>
	   <td>
		  <fieldset>
			 <input type="radio" name="gender" value="0" checked>남
			 <input type="radio" name="gender" value="1">여
		  </fieldset>
	   </td>
	</tr>

	<tr>
	   <td align="center">색깔</td>
	   <td>
		  <select name="color" style="width: 100px;">
			 <optgroup label="색깔">
				<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>
		  <fieldset>
			 <input type="checkBox" name="hobby" value="독서">독서
			 <input type="checkBox" name="hobby" value="영화">영화
			 <input type="checkBox" name="hobby" value="음악">음악
			 <input type="checkBox" name="hobby" value="게임">게임
			 <input type="checkBox" name="hobby" value="쇼핑">쇼핑
		  </fieldset>
	   </td>
	</tr>
	
	<tr>
	   <td align="center">과목</td>
	   <td>
		  <select name="subject" multiple size="5" style="width: 100px;">
			 <option value="JAVA">JAVA</option>
			 <option value="Servlet" selected>Servlet</option>
			 <option value="JSP">JSP</option>
			 <option value="SPRING">SPRING</option>
		  </select>
	   </td>
	</tr>

	<tr>
	   <td colspan="2" align="center">
	   <input type="submit" value="SEND">
	   <input type="reset" value="CANCEL">
	   </td>
	</tr>
  </table>
 </form>
</body>
</html>

 

 

반응형

'Dev > HTML \ CSS \ JS' 카테고리의 다른 글

SCSS  (0) 2021.01.21
[ DEV Ed ] glass webpage 중간중간 메모  (0) 2021.01.21
CSS 단위 [rem / em / vh / vw / vmax / vmin]  (0) 2021.01.21
DOM 메모  (0) 2021.01.13
HTML  (0) 2020.11.13