๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐ŸŒ HTML\CSS

์„ค๋ฌธ์กฐ์‚ฌ ์˜ˆ์ œ - form์ด์šฉ, jsp

by Meteora_ 2021. 2. 24.
728x90

HTML ํŒŒ์ผ

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

<h1>์„ค๋ฌธ์กฐ์‚ฌ</h1>

<form action="TEST17.jsp">
์ด๋ฆ„ : <input type="text" name="name">

<p>[์งˆ๋ฌธ1]</p>
<p>์˜์–ด๋กœ ๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?</p>
<input type="radio" name="qa" value="yes">์˜ˆ
<input type="radio" name="qa" value="no">์•„๋‹ˆ์˜ค
<input type="radio" name="qa" value="idon">๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค

<p>[์งˆ๋ฌธ2]</p>
<p>์˜์–ด ์™ธ์— ๊ด€์‹ฌ์žˆ๋Š” ์–ธ์–ด๊ฐ€ ์žˆ์œผ๋ฉด ์„ ํƒ(๋ณต์ˆ˜์„ ํƒ๊ฐ€๋Šฅ)</p>
<input type="checkbox" name="fav" value="deutsch">๋…์ผ์–ด
<input type="checkbox" name="fav" value="china">์ค‘๊ตญ์–ด
<input type="checkbox" name="fav" value="french">ํ”„๋ž‘์Šค์–ด

<p>[์งˆ๋ฌธ3]</p>
<p>์˜์–ด์ˆ˜์—…์— ๋Œ€ํ•œ ์˜๊ฒฌ์ด ์žˆ๋‹ค๋ฉด ๊ธฐ์ž…ํ•ด์ฃผ์„ธ์š”</p>
<textarea name="text"></textarea>

<p>[์งˆ๋ฌธ4]</p>
<p>๋‹น์‹ ์˜ ์—ฐ๋ น์„ ์„ ํƒํ•ด์ฃผ์‹ญ์‹œ์˜ค</p>

<br>

<select name="OptionCode">
	<option value="๋‚˜์ด๋ฅผ ์„ ํƒํ•ด์ฃผ์‹ญ์‹œ์˜ค">๋‚˜์ด๋ฅผ ์„ ํƒํ•ด์ฃผ์‹ญ์‹œ์˜ค</option>
		<option value="10๋Œ€">10๋Œ€</option>
			<option value="20๋Œ€">20๋Œ€</option>
				<option value="30๋Œ€">30๋Œ€</option>
					<option value="40๋Œ€์ด์ƒ">40๋Œ€์ด์ƒ</option>
</select>

<br><br><br>

<input type="submit" value="์ œ์ถœํ•˜๊ธฐ">
</form>

</body>
</html>

JSP ํŒŒ์ผ

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<%
	
	//์ด๋ฆ„ ํ™•์ธ
	
	String name = request.getParameter("name");
	
	System.out.println("์ด๋ฆ„ ="+ name);
	
	//์˜์–ด๋กœ ๋Œ€ํ™”ํ• ์ˆ˜ ์žˆ๋‚˜?
			
	String qa = request.getParameter("qa");
	
	if(qa==null){
		System.out.println("์˜์–ด๋กœ ๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ = ์ž…๋ ฅํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.");
	} 
	else
	{
		System.out.println("์˜์–ด๋กœ ๋Œ€ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ = " + qa);
	}
	
	
	//๊ด€์‹ฌ์ด ์žˆ๋Š” ์–ธ์–ด
	
	String [] fav = request.getParameterValues("fav");
	
	for(int i = 0; i<fav.length; i++){
	
	System.out.println("๊ด€์‹ฌ์ด ์žˆ๋Š” ์–ธ์–ด? = " + fav[i]);
	}
	
	//ํ• ๋ง 
	
	String text = request.getParameter("text");
	
	System.out.println("ํ• ๋ง์žˆ๋‚˜ =" + text);
	
	
	//๋‹น์‹ ์˜ ์—ฐ๋ น์€?
			
	String id = request.getParameter("OptionCode");
	
	System.out.println("๋‹น์‹ ์˜ ์—ฐ๋ น์€? = " + id);
	
	%>


</body>
</html>

 

๊ฒฐ๊ณผ ->

 

 

 

์ €์ž‘์žํ‘œ์‹œ

'๐ŸŒ HTML\CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

target๊ณผ iframe์„ ํ™œ์šฉํ•œ ์ด๋ฏธ์ง€ ํ™•๋Œ€ ์ถœ๋ ฅ  (0) 2021.02.25
BMW ํ™ˆํŽ˜์ด์ง€ ์ฐจ๋Ÿ‰ ์ฃผ๋ฌธ์„œ ๋งŒ๋“ค์–ด๋ณด๊ธฐ <๋ฏธ์™„>  (0) 2021.02.24
html์˜ Action๊ณผ JSP๋ฅผ ํ™œ์šฉํ•ด ์ž…๋ ฅ๋ฐ›์€๊ฐ’ ๋„˜๊ฒจ์ฃผ๋Š”๋ฒ•  (0) 2021.02.24
iframe (web ์•ˆ์˜ web)  (0) 2021.02.24
List (๋ชฉ๋ก) - ul , ol ํ™œ์šฉ๋ฒ•  (0) 2021.02.24

๊ด€๋ จ๊ธ€

๋Œ“๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”