본문 바로가기
웹 프로그래밍(풀스택-->java)/웹프로그래밍(백엔드-->java)

7. Jsp 페이지 내장객체 3

by 백엔드개발자0107 2021. 10. 21.

RequestJoin.jsp 파일.!

 

회원가입창을 하나 만들고 실제 request객체를 이용하여 어떻게 파라미터를 가지고 오는지 알아보자!

 

 


 

 

 

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

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

</head>

<body>

 

<center>

 

<h2>회원가입</h2>

<form action="RequestJoinProc.jsp" method="post">

-->회원가입 창이니 post방식으로 쓴다.

모든 태그는 form을 작성하였으니, table태그를 만들어야만 한다.

 

팁: 모든 파라미터는 input태그의 name="id"이런식의 속성을 request객체가 받아들인다...!

그리고 보통 getParameter()메소드를 이용해서 ,String값을 리턴한다면

getParameterValues()를 이용해서 배열값을 리턴하기도 한다. 그래서 떄로는 이렇게 하는게 편리하다..!

 

 

<table width="500" border="1">

<tr height="50">

<td width="150" align="center">아이디</td>

<td width="150" align="center"><input type="text" name="id"

size="40" placeholder="id넣으세요 "></td>

</tr>

 

 

 

 

<tr height="50">

<td width="150" align="center">패스워드</td>

<td width="150" align="center"><input type="password"

name="pass1" size="40" placeholder="비밀번호는 영문과 숫자만 넣어주세요"></td>

</tr>

 

<tr height="50">

<td width="150" align="center">패스워드 확인</td>

<td width="150" align="center"><input type="password"

name="pass2" size="40"></td>

</tr>

 

<tr height="50">

<td width="150" align="center">이메일</td>

<td width="150" align="center"><input type="email"

name="email" size="40"></td>

</tr>

 

<tr height="50">

<td width="150" align="center">전화번호</td>

<td width="150" align="center"><input type="tel" name="tel"

size="40"></td>

</tr>

 

 

<tr height="50">

<td width="150" align="center">당신의 관심분야</td>

<td width="350" align="center">

<input type="checkbox"name="hobby" value="캠핑 ">캠핑 &nbsp; 

<input type="checkbox"name="hobby" value="등산 ">등산 &nbsp;

<input type="checkbox"name="hobby" value="영화 ">영화 &nbsp;

<input type="checkbox"name="hobby" value="독서 ">독서 &nbsp;

</td>

 

</tr>

 

<tr height="50">

<td width="150" align="center">당신의 직업은</td>

<td width="350" align="center">

<select name = "job">

<option value="교사">교사</option>

<option value="변호사">변호사 </option>

<option value="의사">의사</option>

<option value="기술사">기술사</option>

</select>

</td>

</tr>

 

<tr height="50">

<td width="150" align="center">당신의 연령은</td>

<td width="350" align="center">

<input type="radio" name="age" value="10">10대  &nbsp;

<input type="radio"name="age" value="20">20대  &nbsp; 

<input type="radio"name="age" value="30">30대  &nbsp;  

<input type="radio"name="age" value="40">40대 &nbsp;

</td>

 

 

<tr height = "50">

<td width = "150" align = "center">하고싶은말</td>

<td width = "350" align = "center">

 

<textarea rows="5" cols="40" name = "info"></textarea>

 

</td>

</tr>

 

 

<tr height = "50">

<td colspan = "2" align = "center">

<input type = "submit" value ="회원가입">

<input type = "reset" value ="취소">

</td>

</tr>

 

 

 

</table>

 

</form>

 

</center>

 

 

 

</body>

</html>