728x90
jsp로 간단한 form을 만들고
다른 jsp파일에 request.getParameter()로 받은 후 페이지에 입력한 값을 출력하게 만들었다.
중요
- input태그로 값을 받고자 할 때 value를 설정하기.
- requset.getParameter() 메소드로 값을 받을 때 name 확인하여 일치시키기.
input.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h1>입력 테스트</h1>
<form action="./action.jsp">
<div>
이름 : <input type="text" name="studentName">
</div>
<div>
성별 :
<input type="radio" name="studentGender" value="M">남
<input type="radio" name="studentGender" value="F">여
</div>
<div>
<select name="studentClass">
<option value="GDJ79">GDJ79</option>
<option value="GDJ80">GDJ80</option>
<option value="GDJ81">GDJ81</option>
</select>
</div>
<button type="submit">보내기</button>
<!-- submit역활 : this 폼의 액션을 요청하면서 this폼의 데이터를 넘김-->
</form>
</body>
</html>
action.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
// String x = request.getParameter("x");
// request.getParameter()메서드로 없는 값을 받으면 변수에는 null값이 들어간다.
String studentName = request.getParameter("studentName");
String studentGender = request.getParameter("studentGender");
String studentClass = request.getParameter("studentClass");
// 디버깅 코드
System.out.println(studentName + " <- studentName");
System.out.println("studentGender : " + studentGender);
System.out.println(studentClass);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h1>입력 테스트</h1>
<form action="./action.jsp">
<div>
이름 : <input type="text" name="studentName" value="<%=studentName%>">
</div>
<div>
성별 :
<%
if(studentGender.equals("M")) {
%>
<input type="radio" name="studentGender" value="M" checked="checked">남
<input type="radio" name="studentGender" value="F">여
<%
}
%>
<%
if(studentGender.equals("F")) {
%>
<input type="radio" name="studentGender" value="M">남
<input type="radio" name="studentGender" value="F" checked="checked">여
<%
}
%>
</div>
<div>
<select name="studentClass">
<%
if(studentClass.equals("GDJ79")) {
%>
<option value="GDJ79" selected="selected">GDJ79</option>
<option value="GDJ80">GDJ80</option>
<option value="GDJ81">GDJ81</option>
<%
}
%>
<%
if(studentClass.equals("GDJ80")) {
%>
<option value="GDJ79">GDJ79</option>
<option value="GDJ80" selected="selected">GDJ80</option>
<option value="GDJ81">GDJ81</option>
<%
}
%>
<%
if(studentClass.equals("GDJ81")) {
%>
<option value="GDJ79">GDJ79</option>
<option value="GDJ80">GDJ80</option>
<option value="GDJ81" selected="selected">GDJ81</option>
<%
}
%>
</select>
</div>
<button type="submit">보내기</button>
<!-- submit역활 : this 폼의 액션을 요청하면서 this폼의 데이터를 넘김-->
</form>
</body>
</html>
728x90
'STUDY > JSP' 카테고리의 다른 글
| 20240307 계산기 페이지 (0) | 2024.03.07 |
|---|---|
| 20240307 로그인 페이지 구현 (0) | 2024.03.07 |
| 20240307 가위바위보 페이지 (0) | 2024.03.07 |
| 20240306_주사위 출력 (0) | 2024.03.06 |
| 20240306_숫자입력받고 홀짝구분하는 페이지 (0) | 2024.03.06 |
