
[실습] html 데이터를 jsp와 연결하여 웹에 표현하기

<!-- html -->
<body>
<!-- JSP로 데이터 전달하기 -->
<form action="ex06result.jsp" method="post">
<input type="text" name="text" placeholder="아무말">
<input type="submit">
</form>
</body>

<body>
<%-- jsp --%>
<!-- html에서 입력 받은 text를 web page에 출력 -->
<%
// 한글 인코딩
request.setCharacterEncoding("EUC-KR");
// 내장객체
String text = request.getParameter("text");
%>
입력한 데이터 : <%= text %>
</body>
[실습] 회원가입 폼 만들어보기 (html-jsp 연결)

<body>
<!-- html-->
<!-- 회원가입을 하기 위한 입력폼 -->
<form action="ex07join.jsp" method="post">
아이디 : <input type="text" name="id"><br>
비밀번호 : <input type="password" name="pw"><br>
성별 : 남자 <input type="radio" name="gender" value="남자">
여자 <input type="radio" name="gender" value="여자"><br>
<!-- radio, checkbox는 value 필수!! -->
취미 :
여행 <input type="checkbox" name="hobby" value="여행">
페스티벌 <input type="checkbox" name="hobby" value="페스티벌">
독서 <input type="checkbox" name="hobby" value="독서">
복싱 <input type="checkbox" name="hobby" value="복싱">
방탈출 <input type="checkbox" name="hobby" value="방탈출">
기타 <input type="checkbox" name="hobby" value="기타">
<br>
자기소개 :
<textarea name="info" rows="5" cols="30"></textarea>
<br>
<input type="submit" value="회원가입">
<input type="reset" value="초기화">
</form>
</body>

<body>
<%-- jsp --%>
<!-- html에서 넘어온 회원의 정보를 web page에 출력 -->
<%
request.setCharacterEncoding("EUC-KR");
String id = request.getParameter("id");
String pw = request.getParameter("pw");
String gender = request.getParameter("gender");
String[] hobby = request.getParameterValues("hobby");
String info = request.getParameter("info");
%>
id : <%= id %><br>
pw : <%= pw %><br>
성별 : <%= gender %><br>
취미 :
<% for(int i = 0; i < hobby.length; i++) {
out.println(hobby[i] + " ");
} %> <br>
자기소개 : <%= info %>
</body>
[실습] html에서 입력한 주제와 아이템을 웹페이지에 표현하시오.
단, 여러 아이템 중 하나만 랜덤으로 뽑아서 표현합니다.

<body>
<form action="ex08random.jsp" method="post">
<!-- get 방식은 url에 저장되어 보여짐. 쿼리스트립 -->
주제 : <input type="text" name="title"><br>
아이템 1 : <input type="text" name="item"><br>
아이템 2 : <input type="text" name="item"><br>
아이템 3 : <input type="text" name="item"><br>
아이템 4 : <input type="text" name="item"><br>
아이템 5 : <input type="text" name="item"><br>
<input type="submit">
</form>
</body>

<body>
<%
request.setCharacterEncoding("EUC-KR");
String title = request.getParameter("title");
String[] items = request.getParameterValues("item");
Random rd = new Random();
// Random 사용 시 꼭 import="java.util.Random" 해주기!!!
out.println(title + " - " + items[rd.nextInt(items.length)]);
%>
</body>