본문 바로가기
WEB

JSP 2일차(실습)

by pms93 2022. 9. 13.
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>quiz5</title>
	<style>
		body {
			padding : 50px;
		}
	
		table {
			margin : auto;
		}
		
		img {
			width : 200px; height : 200px;
		}
	</style>
</head>
<!-- 
http://localhost:8085/html_Exam/quiz6.jsp?major=software&name=%EB%B0%95%EB%AC%B8%EC%86%A1&id=&pw=
 -->
<body>
	<form action = "quiz6.jsp" method = "GET">
		<table border = 1>
			<tr>
				<td colspan = "2">
					다음 <b>내용에 맞게 입력</b> 하시오.
				</td>
				<td rowspan = "5">
					<img src = "images/test.jpg" alt = "이미지 없음">
				</td>
			</tr>
			
			<tr>
				<td colspan = "2">
				전공 분야를 입력하세요.
				<select name = "major">
					<option value = "software">소프트웨어</option>
					<option value = "hardware">하드웨어</option>
					<option value = "database">DataBase</option>
					<option value = "java">JAVA</option>
				</select>
				</td>
			</tr>
			
			<tr>
				<th>이름</th>
				<td>
					<input type = "text" name = "name">
				</td>
			</tr>
		
			<tr>
				<th>아이디</th>
				<td>
					<input type = "text" name = "id">
				</td>
			</tr>
				
			<tr>
				<th>비밀번호</th>
				<td>
					<input type = "password" name = "pw">
				</td>
			</tr>
			
			<tr>
				<td colspan = "3">
					<fieldset>
						<legend> 성별 조사 </legend>
						<input type = "radio" name = "gender" value = "여성">여성
						<input type = "radio" name = "gender" value = "남성">남성
					</fieldset>
				</td>
			</tr>
			
			<tr>
				<td colspan = "3">
					<fieldset>
						<legend>취미 조사</legend>
						<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 colspan = "3">
					<fieldset>
						<legend>하고 싶은 말</legend>
						<textarea rows="3" cols="30" name = "say"></textarea>
					</fieldset>
				</td>
			</tr>
			
			<tr>
				<td>
					<button>완료</button>
					<input type = "reset" value = "다시작성">
				</td>
			</tr>
		</table>
	</form>
</body>
</html>

'WEB' 카테고리의 다른 글

CSS 2일차(tag)  (0) 2022.09.15
CSS 1일차(tag)  (0) 2022.09.13
JSP 2일차(tag)  (0) 2022.09.13
JSP 1일차(실습)  (0) 2022.09.07
JSP 1일차(tag)  (0) 2022.09.07