Jsp form


form 형식 데이터 가져오기


  • 01_first.jsp


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 로그인창 </title>
</head>
<body>

<h3>로그인 확인하기 </h3>
<form action="01_second.jsp" method="post"> <!-- form action="01_second.jsp" //이 코드를 통해 01_second로 form의 데이터 전송
사용자: <input name='User' type='text'><br/>
비밀번호: <input name='Pass' type='password'><br/>
<input type='submit' value='login'>
</form>

</body>
</html>


  • 02_second.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title> 폼과 서블릿 </title></head>

<body>
	<form method="get" action="02_getForm.jsp">  // 02_getForm.jsp와 연결
		<h4>  입력 후 전송 버튼을 누릅니다 </h4>

		이름	: <input type="text" name="name"><br/>

		성별    : <input type="radio" name="gender" value="male" checked="checked"> 남
 			   <input type="radio" name="gender" value="female"> 여 <br/>


		직업	: <select name="occupation">
						<option> programmer
						<option> web designer
						<option> white hand
						<option> people
			</select><br/>

		취미    :	 <input type="checkbox" name="hobby" value="쓰타크래프트"> 쓰타크래프트
					 <input type="checkbox" name="hobby" value="한솥밥먹기"> 한솥밥먹기
					 <input type="checkbox" name="hobby" value="멍때리기"> 멍때리기
					 <input type="checkbox" name="hobby" value="그냥있기"> 그냥있기 <br/> <br/>


		<input type="submit" value='전송'>
		<input type="reset" value='취소'>
	</form>
</body>
</html>


  • 02_getForm.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    <%
	request.setCharacterEncoding("utf-8");

	String name = request.getParameter("name");
	String gender = request.getParameter("gender");
	String job = request.getParameter("occupation");
	String []hobby = request.getParameterValues("hobby");	// 값 2개이상 받아오기 getParameterValues

  <!-- checkbox의 선택값 가져오기  -->
	String hobbystr = "";
	if( hobby != null){
		for(String h: hobby){
			hobbystr += h + "/";
		}
	}

%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

이름 :<%= name %> <br/>
성별 :<%= gender %> <br/>
직업 :<%= job %> <br/>
취미 :<%= hobbystr %>

</body>
</html>