본문 바로가기

JSP/JSP Programming

[JSP] <FORM> 엘리먼트

반응형

<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