새소식

JAVA 교육/Jsp

2019/08/23 다양한 컨트롤 요소들

  • -

1. 다양한 컨트롤 요소들

<%@ page  contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08_다양한 컨트롤 요소들.jsp</title>
</head>
<body>
	<h1>다양한 컨트롤 요소들</h1>
	<form action="08_ok.jsp">
		아이디 :<input type="text" name="uid"> 
		<hr>   
		비번   :<input type="password" name="upw">
		<hr>
		이름   :<input type="text" name="uname">
		<hr>
		내용   :<textarea rows="5" cols="20" name="content"></textarea>
		<hr>
		
		숫자1 : <input type="text" name="num"><br>
		숫자2 : <input type="text" name="num"><br>
		숫자3 : <input type="text" name="num"><br>
		
		
		성별 :  <input type="radio" name="gender" value="M"> 남
	           <input type="radio" name="gender" value="F"> 여
		<hr>
		약관동의 :
		<input type="checkbox" name="agree" value="Y">
		<!--체크가 된경우 Y 체크가 안된경우 null  -->
		<hr>
		SMS:
		<input type="checkbox" name="SMS" >
        <!--체크가 된경우 on 체크가 안된경우 null  -->
		
		<hr>
		통신회사 : <select name="telecom">
					<option value="sk">SK
					<option value="lg">LG
					<option value="ktf">KTF
					</select>
		<!--폼요소이지만 본문에 출력은 안되는 요소  -->
		<input type="hidden" name="page" value="7">
		<!-- <form enctype= "multipart/form-data">
				속성 추가해야함  -->
		<input type="file" name="attach">
		
		<input type="submit" value="등록">	
	</form>
</body>
</html>

 

 

2. 다양한 폼 컨트롤 요소 결과 페이지

<%@ page  contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>blank.jsp</title>
</head>
<body>
	<h1>*다양한 폼 컨트롤 요소 결과*</h1>
<%
request.setCharacterEncoding("UTF-8");

String uid = request.getParameter("uid").trim();
String upw = request.getParameter("upw").trim();
String uname = request.getParameter("uname").trim();
String content = request.getParameter("content").trim();

out.print(uid+"<hr>");
out.print(upw+"<hr>");
out.print(uname+"<hr>");
out.print(content+"<hr>");

	//<textarea>값은 엔터를  <br>치화 출력
	content=content.replace("\n","<br>");
	out.print(content+"<hr>");
	
	//request 객체에 존재하지 않는 정보를 가져오면
	out.print(request.getParameter("kor"));
	
	//name 이 동일한 값을 request 객체에서 가져오기
	//<input type= text name= num> 이 3개인경우
	String[] num = request.getParameterValues("num");
	for(int i =0;i<num.length;i++){
		out.print(num[i]+"<br>");
	}
	out.print("<hr>");
	out.print("성별 :"+request.getParameter("gender"));
	
	out.print("<hr>");
	out.print("약관 :"+request.getParameter("agree"));
	
	out.print("<hr>");
	out.print("SMS :"+request.getParameter("SMS"));
	
	out.print("<hr>");
	out.print("통신회사 :"+request.getParameter("telecom"));
	
	out.print("<hr>");
	out.print("페이지 :"+request.getParameter("page"));
%>
</body>
</html>

※textarea 에서는 엔터가 띄어쓰기로 들어가기 때문에
content=content.replace("\n","<br>");
을 사용해서 br 값을 넣어 줘야한다

 

 

 

 

 

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.