[쉽게 배우는 JSP 웹 프로그래밍] 06. 폼 태그

  

 

폼

사용자가 웹 브라우저를 통해 입력된 모든 데이터를 한 번에 웹 서버로 전송하는 양식

사용자와 웹 애플리케이션이 상호 작용하는 중요한 기술 중 하나

​

form 태그

사용자가 다양한 정보를 입력하고 서로 전달할 때 사용하는 태그

단독으로 쓰이지 않고 사용자가 다양한 정보를 입력하는 양식을 포함하는 최상위 태그

*form 태그의 속성

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

​

input 태그

사용자가 텍스트 입력이나 선택 등을 다양할게 할 수 있도록 공간을 만드는 태그

종료 태그없이 단독으로 사용 가능

*input 태그의 속성

속성	속성 값	설명
type	text	기본 값으로 한 줄의 텍스트를 입력할 때 사용
	radio	라디오 버튼으로 열거된 것 중 하나만 선택할 때 사용
	checkbokx	체크 박스로 열거된것 중 다중 선택을 할 때 사용
	password	암호를 입력할 때 사용
	hidden	보이지 않게 숨겨서 값을 전송할 때 사용
	file	파일 업로드를 위한 파일을 선택할 때 사용
	button	버튼 모양을 출력할 때 사용
	reset	폼에 입력된 값을 모두 초기화할 때 사용
	submit	폼에 입력된 값을 모두 서버에 전송할 때 사용
name	텍스트	입력 양식을 식별하는 이름을 설정
value	텍스트	입력 양식의 초깃값을 설정

​

select 태그

select 태그는 여러 개의 항목이 나타나는 목록 상자에서 항목을 선택하는 태그

option 태그를 포함해야 함

​

textarea 태그

textarea 태그는 여러 줄의 텍스트를 입력할 수 있는 태그

가장 큰 특징은 입력 폼 안에 사용된 태그와 띄어쓰기가 그대로 출력된다는 것

​

폼 데이터 처리

JSP에서는 사용자가 웹 브라우저의 폼 페이지에 입력한 데이터를 서버로 전달하여 서버가 이를 처리한다.

이렇게 폼 데이터를 처리함으로써 표현문이나 스크립틀릿 태그에 request 내장 객체를 이용하여 폼 페이지에서 전달된 값을 얻을 수 있다.

​

---

연습문제

01. form 태그에 사용하는 속성에 대해 간단히 설명하시오.

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

 

02. form 태그 내에 중첩하여 사용하는 태그를 나열하여 설명하시오.

input : 텍스트를 입력, 선택 드을 다양하게 할 수 있도록 공간을 만드는 태그

select : 리스트 항목중 선택할 수 있게함 (반드시 Option 태그 필요)

​

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

request