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>
<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 |