<FORM> 엘리먼트
-. HTML 문법의 <FORM> 엘리멑느는 데이터를 입력받는 웹 페이지를 만들 때 사용하는 엘리먼트이다.
-. 엘리먼트 안에는 <INPUT>, <SELECT>, <TEXTAREA>등의 서브엘리먼트를 쓸 수 있다.
서브 엘리먼트
엘리먼트 |
TYPE 애트리뷰트 값 |
설 명 |
<INPUT> |
TEXT |
문자 데이터를 입력받을 수 있는 텍스트 상자 |
<INPUT> |
PASSWORD |
문자 데이터를 입력받을 수 있는 텍스트 상자, 모니터 상에는 문자가 나타나지 않으므로 암호 입력 등에 사용됨 |
<INPUT> |
RADIO |
여러 항목 중 하나를 선택할 수 있는 라디오 버튼 |
<INPUT> |
CHECKBOX |
선택 / 해제를 할 수 잇는 체크박스 |
<SELECT> |
해당 사항 없음 |
여러 항목중 하나 또는 둘 이상을 선택할 수 있는 선택 상자 |
<TEXTAREA> |
해당 사항 없음 |
여러 행의 문자 데이터를 입력받을 수 있는 텍스트 상자 |
<INPUT> |
FILE |
파일의 경로명을 입력받는 텍스트 상자와 파일을 선택할 수 있는 찾아보기 버튼의 결합체, 주로 파일 업로드에 사용됨 |
<INPUT> |
RESET |
입력된 모든 값을 지우고 초기화하는 버튼 |
<INPUT> |
SUBMIT |
입력된 모든 값을 웹 애플리케이션 프로그램으로 전송하는 버튼 |
SUBMIT 버튼 (TYPE 애트리뷰트 값이 SUBMIT인 <INPUT> 엘리먼트가 만드는 버튼)
-. SUBMIT버튼을 누르면 <FORM> 엘리먼트를 통해 입력된 모든 값이 웹 애플리케이션 프로그램으로 전송된다.
(<FORM> 엘리먼트의 ACTION 애트리뷰트에 지정된 URL 위치에 있는 웹 애플리케이션으로 전송된다.)
서블릿 클래스로 데이터 전송 |
<FROM ACTION = "http://localhost:8080/brain/subscribe"> 이름 : <INPUT TYPE = TEXT> 전화 : <INPUT TYPE = TEXT> 주소 : <INPUT TYPE = TEXT> <INPUT TYPE = SUBMIT VALUE ='확인'> </FORM> |
HTML 문서와 서블릿 클래스가 동일 웹 서버에 있다면, URL에서 웹 서버의 도메인 이름까지 포트번호 생략가능 |
<FROM ACTION = "/brain/subscribe"> 이름 : <INPUT TYPE = TEXT> 전화 : <INPUT TYPE = TEXT> 주소 : <INPUT TYPE = TEXT> <INPUT TYPE = SUBMIT VALUE ='확인'> </FORM> |
HTML문서의 위치를 기준으로한 상대 URL만 작성 |
<FROM ACTION = "subscribe"> 이름 : <INPUT TYPE = TEXT> 전화 : <INPUT TYPE = TEXT> 주소 : <INPUT TYPE = TEXT> <INPUT TYPE = SUBMIT VALUE ='확인'> </FORM> |
서블릿 클래스의 항목 구분
데이터 항목에 이름을 부여 |
<FROM ACTION = "subscribe"> 이름 : <INPUT TYPE = TEXT NAME = NAME> 전화 : <INPUT TYPE = TEXT NAME = TELNO> 주소 : <INPUT TYPE = TEXT NAME = ADDRESS> <INPUT TYPE = SUBMIT VALUE ='확인'> </FORM> |
-. 각각의 엘리먼트에 NAME 애트리뷰트를 추가하고, 그 값으로 데이터를 항목의 이름을 지정
'JSP > JSP Programming' 카테고리의 다른 글
[JSP] 자바의 Web 기술 (0) | 2012.05.22 |
---|---|
[JSP] 웹 어플리케이션의 동작 원리 (0) | 2012.05.22 |
[JSP] response 기본 객체 (0) | 2012.04.18 |
[JSP] request 기본 객체 (0) | 2012.04.18 |
[JSP] HTML 폼과 요청 파라미터의 처리 (0) | 2012.04.17 |