폼 태그 : 상품 등록 페이지 만들기

GET 방식과 POST 방식의 차이

구분	GET방식	POST방식
전송형태	이름과 같의 형태로 URL에 포함되어 전송	HTTP 헤더 속에 감춰서 전송
전송량	제한적(4,096B)	제한 없음
속도	빠름	느림
보안	없음	있음

HTML5의 추가된 속성

속성	속성값	설명
required		필수 태그로 설정, 입력하지 않고 'submit'버튼을 누르면 오류 메시지가 웹 브라에 출력
autofocus		웹 페이지가 로딩되자마자 해당 입력 양식의 포커스를 설정
placeholder	텍스트	입력 양식의 힌트를 설정
pattern	regexp	정규 표현식을 사용하여 특정 범위 내의 유효한 값을 입력받을 때 사용

* optgroup 태그로 항목을 그룹으로 만들 수 있다. label 속성을 사용하여 그룹으로 만들 이름을 설정하여, optgroup 태그 하위에 option 태그를 포함해야 한다.

연습문제

1. form 태그에 사용하는 속성에 대해 간단히 설명하시오.
   • action : 폼 데이터를 받아 처리하는 웹 페이지의 URL을 설정한다.
   • method : 폼 데이터가 전송되는 HTTP방식을 설정한다. (get 방식 or post방식)
   • name : 폼을 식별하기 위한 이름을 설정한다.
   • accept-charset : 폼 전송에 사용할 문자 인코딩을 설정한다.
2. form 태그 내에 중첩하여 사용하는 태그를 나열하고 설명하시오.
   • input태그 : 사용자가 텍스트입력, 선택 등을 다양하게 할 수 있도록 공간을 만드는 태그다.
   • select태그 : 여러 개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그로, 반드시 option태그를 포함해야한다.
   • textarea태그 : 여러 줄의 텍스트를 입력할 수 있는 태그로, 입력폼 안에 사용된 태그와 띄어쓰기가 그대로 출력된다.
3. 폼 페이지에서 전송된 데이터를 전달받는 내장 객체와 관련된 메소드는 무엇인가?
   • request 내장 객체
   요청 파라미터의 값 받기: getParameter("요청 파라미터 이름");
   요청 파라미터의 값을 배열로 받기: getParameterValues("요청 파라미터 이름");
   요청 파라미터의 전체 값 받기:
   A. getParameterNames(): 모든 입력 양식의 요청 파라미터 이름을 순서에 상관없이 Enumeration형태로 전달받는다.
   B. hasMoreElements(): Enumeration 요소가 있으면 true, 없으면 false를 반환한다.
   C. nextElement(): Enumeration 요소를 반환한다.
4. form 태그를 이용하여 다음 조건에 맞게 JSP 애플리케이션을 만들고 실행 결과를 확인하시오.

<form action="test04_process.jsp" method="post">
	이름 : <input type="text" name="name"><br>
	주소 : <input type="text" name="addr"><br>
	이메일 : <input type="text" name="email"><br>
	<input type="submit" value="전송">
</form>

<%
	request.setCharacterEncoding("utf-8");
	String name = request.getParameter("name");
	String addr = request.getParameter("addr");
	String email = request.getParameter("email");
%>
	
	<p> 아이디 : <%=name %> 
	<p> 주소 : <%=addr %>
	<p> 이메일 : <%=email %>

5. form 태그를 이용하여 다음 조건에 맞게 JSP 애플리케이션을 만들고 실행 결과를 확인하시오.

	<%
        request.setCharacterEncoding("utf-8");
        Enumeration em=request.getParameterNames();
        while(em.hasMoreElements())
        {
            String name=(String)em.nextElement();
            String pValue=request.getParameter(name);
            out.println(name+" : "+pValue + "<br>");
        }
        
    %>

6. form 태그를 이용하여 다음 조건에 맞게 JSP 애플리케이션을 만들고 실행 결과를 확인하시오.

<form action="test06_process.jsp" method="post">
	오렌지<input type="checkbox" name="fruit" value="오렌지">
    사과<input type="checkbox" name="fruit" value="사과">
    바나나<input type="checkbox" name="fruit" value="바나나">
    <input type="submit" value="전송">
</form>코드를 입력하세요

7. 다음 조건에 맞게 도서 웹 쇼피몽을 위한 앱 애플리케이션을 만들고 실행 결과를 확인하시오.

( 학습도서 및 출처: 쉽게 배우는 JSP 웹 프로그래밍 )