JSP [04] html

totwo·2024년 7월 10일

JSP/Servlet/JSTL

목록 보기
4/15
post-thumbnail

[실습] 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>
profile
Hello, World!

0개의 댓글