⁂ JSP/: 기본 익히기
[JSP] #3-2 다양한 폼 컨트롤 요소에 접근하기
김갱환
2022. 10. 5. 16:42
1. 08_다양한컨트롤요소.jsp 파일
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08_다양한컨트롤요소.jsp</title>
</head>
<body>
<h3>* 다양한 컨트롤 요소들 연습 *</h3>
<form method="post" action="08_ok.jsp">
아이디 : <input type="text" name="uid">
<hr>
비번 : <input type="password" name="upw">
<hr>
이름 : <input type="text" name="uname">
<hr>
내용 : <textarea rows="5" cols="20" name="content"></textarea>
<hr>
숫자1 : <input type="text" name="num"><br>
숫자2 : <input type="text" name="num"><br>
숫자3 : <input type="text" name="num"><br>
<hr>
성별 :
<input type="radio" name="gender" value="M">남
<input type="radio" name="gender" value="F">여
<hr>
약관동의 :
<input type="checkbox" name="agree" value="Y">
<hr>
SMS :
<input type="checkbox" name="sms">
<hr>
통신회사 : <select name="telecom">
<option value="sk">SK
<option value="lg">LG U+
<option value="ktf">KTF
</select>
<hr>
<!-- 폼컨트롤 요소이지만 본문에는 출력이 안되는 요소 -->
<input type="hidden" name="page" value="5">
<hr>
첨부파일 :
<input type="file" name="attach">
<!-- 파일 타입이 있을 경우 파일을 서버에 전송하기 위해선 꼭 form의 속성을 enctype="multipart/from-data"으로 변경해주어야 한다 -->
<hr>
<input type="submit" value="전송">
</form>
</body>
</html>
2. 08_ok.jsp 파일
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08_ok.jsp</title>
</head>
<body>
<h3>* 다양한 폼 컨트롤 요소 결과 *</h3>
<%
request.setCharacterEncoding("UTF-8");
String uid = request.getParameter("uid").trim();
String upw = request.getParameter("upw").trim();
String uname = request.getParameter("uname").trim();
String content = request.getParameter("content").trim();
out.print(uid + "<hr>");
out.print(upw + "<hr>");
out.print(uname + "<hr>");
out.print(content + "<hr>");
// <textarea>값은 엔터를 <br> 치환해서 출력
content = content.replace("\n", "<br>");
out.print(content + "<hr>");
// name이 동일한 값을 request 객체에서 가져오기
// <input type="text" name="num">이 3개인 경우
String[] num = request.getParameterValues("num");
for(int i=0; i<num.length; i++){
out.print(num[i]+"<br>");
} // for end
out.print("<hr>");
out.print("성별 : " + request.getParameter("gender"));
// <input type="checkbox" name="agree" value="Y">
// 체크를 하면 Y, 체크하지 않으면 null
out.print("<hr>");
out.print("약관동의 : " + request.getParameter("agree"));
if(request.getParameter("agree")==null){
out.print("약관에 동의하지 않음");
} else {
out.print("약관에 동의함");
} // if end
// <input type="checkbox" name="sms">
// 체크를 하면 on, 체크하지 않으면 null
out.print("<hr>");
out.print("SMS : " + request.getParameter("sms"));
out.print("<hr>");
out.print("통신회사 : " + request.getParameter("telecom"));
out.print("<hr>");
out.print("페이지 : " + request.getParameter("page"));
out.print("<hr>");
out.print("첨부파일 : " + request.getParameter("attach"));
/*
첨부된 파일을 가져오려면 다른 방식으로 request객체에 접근해야 한다.
request.getParameter("attach")는 실제 파일을 가지고 있는 것이 아니라
단순 파일명이 출력됐을 뿐이다.
*/
%>
</body>
</html>