quilt code

[JSP] 06 폼 태그 본문

daily/웹프로그래밍

[JSP] 06 폼 태그

김뱅쇼 2023. 3. 27. 21:24

1. form 태그에 사용하는 속성

action: 폼 데이터를 받아 처리하는 웹 페이지의 URL 설정
method: 폼 데이터가 전송되는  HTTP 방식 설정
name: 폼을 식별하기 위한 이름 설정
target: 폼 처리 결과의 응답을 실행할 프레임 설정
enctype: 폼을 전송하는 컨텐츠 MIME 유형 설정
accept-charset: 폼 전송에 사용할 문자 인코딩 설정

2. form 태그 내에 중첩하여 사용하는 태그를 나열하고 설명

input:  사용자가 텍스트 입력이나 선택 등을 다양하게 할 수 있도록 공간을 만드는 태그, 종료 태그 없이 단독 사용 
select: 여러개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그, 시작과 종료 태그가 있음 . option 태그 반드시 포함
textarea: 여러 줄의 텍스트 입력, 태그의 너비와 높이를 지정하기 위해 cols, rows 사용, 입력폼 안에 사용된 태그와 띄어쓰기가 그대로 출력

3. 폼 페이지에서 전송된 데이터를 전달받는 내장 객체와 관련된 메소드는?

request 내장 객체
1) 요청 파라미터의 값 받기 : String 변수 = request.getParameter("요청 파라미터 이름");
2) 요청 파라미터의 값 배열로 받기 : request.getParameterValues("요청 파라미터 이름");
3) 요청 파라미터의 전체 값 받기 :
-getParameterNames() :  모든 입력 양식의 요청 파라미터 이름을 순서에 상관없이 Enumeration(열
-hasMoreElements() : Enumeration(열거형) 요소가 있으면 true를 반환하고, 아니면 false
-nextElement() : Enumeration(열거형) 요소를 반환

4. form 태그를 이용하여 JSP 애플리케이션 만들기 

1) form01.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Form Processing</title>
</head>
<body>
    <form action="form01_process.jsp" method="post">
       <p> 이름: <input type="text" name="name"> </p>
        <p> 주소: <input type="text" name="address"> </p>
        <p> 이메일: <input type="text" name="email"> </p>
        <p> 전송:<input type="submit" value="전송"> </p>
    </form>
</body>
</html>
 
 cs


2) form01_process


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Form Processing</title>
</head>
<body>
    <%
        request.setCharacterEncoding("utf-8");
        String name=request.getParameter("name");
        String address=request.getParameter("address");
        String email=request.getParameter("email");
    %>
    <p>아이디: <%=name %> </p>
    <p> 주소: <%=address %> </p>
    <p> 이메일: <%=email %> </p>
</body>
</html>
 
 cs




(전송 누르면)

5. form 태그를 이용하여 어쩌구


1) form2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Jay</title>
</head>
<body>
    <form action="form02_process.jsp" method="post">
           <p> 이름: <input type="text" name="name"> </p>
        <p> 주소: <input type="text" name="address"> </p>
        <p> 이메일: <input type="text" name="email"> </p>
        <p> 전송:<input type="submit" value="전송"> </p>
    </form>
 
</body>
</html>
 cs

2) form2_process


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<%@page import="java.util.Enumeration"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Jay</title>
</head>
<body>
    <%
        request.setCharacterEncoding("utf-8");
        Enumeration en=request.getParameterNames();
        
        Enumeration em=request.getParameterNames();
        while(em.hasMoreElements())
        {
            String name=(String)em.nextElement();
            String pValue=request.getParameter(name);
            out.println(name+" : "+pValue + "<br>");
        }
        
    %>
</body>
</html>
 cs






6. form 태그 어쩌구

1) form03


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Form Processing</title>
</head>
<body>
 
    <form action="form03_process.jsp" method="post">
         오렌지<input type="checkbox" name="name" value="오렌지">
        사과<input type="checkbox" name="name" value="사과">
        바나나<input type="checkbox" name="name" value="바나나">
        <input type="submit" value="전송">
    </form>
</body>
</html>
 
 cs

2) form03_process


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<%@page import="java.util.Enumeration"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Form Processing</title>
</head>
<body>
<b>선택한 과일</b><p>
    <%
        request.setCharacterEncoding("utf-8");
        String []fruit=request.getParameterValues("name");
        if(fruit!=null)
        {
            for(int i=0;i<fruit.length;i++)
            {
                out.println(" "+fruit[i]);
            }
        }
    %>
 
    
</body>
</html>
 
 cs






'daily > 웹프로그래밍' 카테고리의 다른 글

[JSP] 08 유효성 검사  (0) 2023.04.03
[JSP] 07 파일 업로드  (0) 2023.03.29
[JSP] 05장 내장 객체  (0) 2023.03.23
[웹프로그래밍] 03 디렉티브 태그  (0) 2023.03.20
[웹프로그래밍] 02 스크립트 태그 homework  (0) 2023.03.16
'daily/웹프로그래밍' Related Articles more