반응형
파일 이름은 임의로 정하셔도 되지만, 처음이시라면 똑같이 하시는 걸 추천 드립니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sign Up</title>
</head>
<body>
<h2> Sign-up </h2>
<form action="#" name="user" method="post">
<p> ID : <input type="text" name="id"><input type="button" value="ID Duplicate Check"></p>
<p> Password : <input type="password" name="password"></p>
<p> Name : <input type="text" name="name">
<p> Phone-number : <input type="text" maxlength="4" size="4" name="tel1"> -
<input type="text" maxlength="4" size="4" name="tel2"> -
<input type="text" maxlength="4" size="4" name="tel3">
</p>
<p> Age : <input type="text" name="age"></p>
<p> <input type="submit" value="Sign-up"></p>
</form>
</body>
</html>signup.jsp의 코드는 위와 같습니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sign Up Process</title>
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
String id = request.getParameter("id");
String password = request.getParameter("password");
String name = request.getParameter("name");
String tel1 = request.getParameter("tel1");
String tel2 = request.getParameter("tel2");
String tel3 = request.getParameter("tel3");
String age = request.getParameter("age");
%>
<p> ID : <%=id %></p>
<p> Password : <%=password %></p>
<p> Name : <%=name %></p>
<p> Phone-number : <%=tel1 %>-<%=tel2 %>-<%=tel3 %></p>
<p> Age : <%=age %></p>
</body>
</html>signup_process.jsp의 코드는 위와 같고,
signup.jsp 파일의 11번째 줄을 아래와 같이 수정합니다.
(action="#"이 action="signup_process.jsp"가 되었습니다.)
<form action="signup_process.jsp" name="user" method="post">
뷰(View)는 만들었으니, 다음 글에서는 여기에 대응하는 서버 사이드(Server-side)를 구현해 보겠습니다.
반응형
'개발 > Servlet／JSP 게시판 만들기' 카테고리의 다른 글
| [서블릿 Servlet JSP 게시판 만들기] 06. 회원가입 기능 구현 3 - DB 연동 (0) | 2021.02.12 |
|---|---|
| [서블릿 Servlet JSP 게시판 만들기] 05. 회원가입 기능 구현 2 - MariaDB 설치 (0) | 2021.02.11 |
| [서블릿 Servlet JSP 게시판 만들기] 03. Preferences 설정 (0) | 2021.02.10 |
| [서블릿 Servlet JSP 게시판 만들기] 02. Server／Web 프로젝트 생성 (0) | 2021.02.07 |
| [서블릿 Servlet JSP 게시판 만들기] 01. 개발 환경 구성 (0) | 2021.02.07 |