[Html] form태그를 사용하여 jsp파일에 값 전달 받기

2021. 6. 4. 00:00

html 파일 예제

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>www 닷컴 회원가입</h1>
<form action="NewFile.jsp">
아이디<br>
<input type="text" name="id" title="여기에 아이디 기입" size="52" placeholder="ID 입력"><br>
비밀번호<br>
<input type="password" name="pwd" title="여기에 비밀번호 기입" size="52" placeholder="비밀번호 입력"><br>
비밀번호 재확인<br>
<input type="password" name="repwd" size="52" ><br>
이름<br>
<input type="text" name="name" size="52"><br>
생년월일<br>
<input type="month" name="month" hspace="1">
<input type="text" name="day"  size="30" placeholder="일"><br>
성별<br>
<select style="width:401px" name="human">
	<option value="성별">성별</option>
	<option value="남자">남자</option>
	<option value="여자">여자</option>
</select><br><br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
<input type="submit" value="가입하기" >
</form>
</body>
</html>

jsp파일 예제

<!-- NewFile.jsp -->   


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원 정보</title>
</head>

<body>

<%
String id = request.getParameter("id");
String pwd = request.getParameter("pwd");
String repwd = request.getParameter("repwd");
String name = request.getParameter("name");
String month = request.getParameter("month");
String day = request.getParameter("day");
String human = request.getParameter("human");


if(!pwd.equals(repwd)){
	out.println("pwd와 재확인 pw가 일치하지 않습니다"+"<br>");
}else{
	out.println("아이디 : "+id+"<br>");
	out.println("비밀번호 : "+pwd+"<br>");
	out.println("재확인 비밀번호 : "+repwd+"<br>");
	out.println("이름 : "+name+"<br>");
	out.println("생년월일 : "+month+" "+day+"<br>");
	out.println("성별 : "+human+"<br>");
}
%>

</body>
</html>

실행화면

www 닷컴 회원가입

설명

form action="NewFile.jsp" : 사용자에게 입력 받은 값을 NewFile.jsp로 전달 하여 가입하기 클릭시 jsp파일이 실행하여 입력 값을 보여준다.

입력 값을 전달 받기 위해선 name명을 지정해 주어야 한다.

비밀번호와 비밀번호 재확인 값이 다를 시 회원 정보가 나오지 않고 "pw와 재확인 pw가 일치하지 않습니다"란 문구가 나오도록 조건문을 걸어 주었다.

jsp : java와 html 합쳐논 영역

jsp파일에서 <% %> 안은 Java의 영역이다.

request (연결 객체)를 사용하여 값을 전달 받는다.

  : 공백 문자

jsp 실행화면 : 비밀번호와 비밀번호 재확인 값이 다를 때

jsp 실행화면 : 비밀번호와 비밀번호 재확인 같을 때

'IT > Html' 카테고리의 다른 글

[Html] form 태그/입력양식태그/ input type/ action /textArea/ select /submit /checkbox /radio/search/id/class/name (0)	2021.06.03
[Html] 이미지 태그/scr/alt /외부 이미지 파일의 접근 경로 (0)	2021.06.03
[Html] 테이블 태그/bgcolor/rules/caption/col width (0)	2021.06.03
[Html] 목록 태그(List)/ul/ol/li/dl/dt/dd (0)	2021.06.03
[Html] 제목 태그/본문 태그/앵커(Anchor) 태그/글자 태그/h/p/hr/br/pre/a/href/target/_blank (0)	2021.06.03

choice blog