JSP웹프로그래밍-Hard Carry 연습문제04

Chapter-4 폼태그 활용

​

1.

01 폼 태그는 웹 어플리케이션을 개발하는 과정에서 많이 사용되며 폼 양식을 통해 ( 클라이언트 ) 에서 입력된 데이터는 한꺼번에 ( 웹서버 ) 로 전송되고 웹 서버는 JSP웹 컨테이너에게 전달하여 처리를 의뢰합니다.

​

02 성별을 독립적 선택 요소인 ( 라디오 버튼 ) 으로 옵션을 지정하고 취미는 복수 개의 항목을 선택할 수 있도록 ( 체크 박스 ) 를 옵션을 지정합니다.

​

03 <select> 태그 안에 <optgroup> 태그를 사용하면 콤보 박스에서 보여주는 항목들에 대해 ( 그룹화 )로 구분되도록 표기할 수 있으며 그룹명은 <optgroup>태그로 선언하고 그룹의 하위 항목은 ( label )속성을 선언하여 지정해 주면 됩니다.

​

2. 다음 주어진 <form>태그의 속성에 대한 의미를 읽고 해당하는 속성을 빈칸에 채우시오.

01action	폼 데이터를 전송할 서버 쪽 스크립트 파일 또는 URL을 지정합니다.
method	폼 데이터가 전송되는 HTTP 방식(GET or POST)를 지정합니다.
02 name	폼을 식별하기 위한 이름을 지정합니다.
target	action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 지정합니다.
03 enctype	폼을 전송하는 컨텐츠의 인터넷 표준 포맷인 MIME유형을 지정합니다.
accept-charset	폼 전송에 사용할 문자 인코딩을 지정합니다.

​

3. 다음에 주어진 폼 태그의 동작 원리 그림을 보고 빈 괄호를 채우시오.

01( 웹 브라우저 )

02( 폼 데이터 전달 )

03( JSP웹 컨테이너 )

​

4. <form> 태그를 다음 조건에 맞는 JSP애플리케이션을 만들고 실행 결과를 확인하시오.

1) 프로젝트명 : JSPStudy

2) 파일 생성 : test04_04.jsp

3) 폼 엘리먼트 규격 : style="width:300px"

4) 텍스트 영역 : cols="50", rows="10"

5) 기타

​

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

1) 프로젝트명 : JSPStudy

2) 파일생성 : test04_05.jsp

3) 자기소개서 입력 폼 작성

• 폼 엘리먼트 규격 : style="width:300px"
• 닉네임 : input type="text"
• 중복검사 : input type="button"
• 성별 : input type="radio"
• 게임장르 : input type="checkbox"
• 혈액형 : select 태그와 option 태그
• 텍스트 영역 : cols="50", rows="5"
• 제출하기 : input type="submit"
• 다시작성 : input type="reset"

​

6. 폼화면에서 입력한 데이터를 웹 서버에게 파라미터로 전송하는 2개 파일을 각각 생성하고 실행 결과를 확인하시오.

1) 프로젝트명 : JSPStudy

2) 파일생성 : teset04_06_01.jsp, test04_06_02.jsp

3) 폼 엘리먼트 규격 : style="width:180px"

4) 텍스트 영역 : cols="32", rows="3"

5) 파라미터 전송 : POST방식

6) 특수문자 : ★ ㅁ + 한자

7) 기타