<FORM> 태그

사용법

<FORM>...</FORM>

설   명

CGI 입력폼이라고 하며, 요즘은 ASP,PHP,JSP,CGI 등과 데이터 교환하는 목적으로 많이 사용한다.
문서에 데이터(CGI등)를 불러들일 때에 사용한다. 한 문서안에 여러개의 form을 사용할 수는 있지만, form안에 또다른 form을 넣을 수는 없다.

속   성

NAME

양식의 이름을 정의한다. 없어도 무방하다.

ACTION

이것은 실행될 데이터가 위치한 곳을 지정한다.

METHOD=GET 또는 POST

GET과 POST 두가지 값이 올 수 있다. GET을 사용할 경우는 사용자의 입력이 서버쪽의 환경변수 QUERY_STRING에 넘어가게 된다. POST는 표준 입력을 이용하여 서버쪽으로 전달된다. 대용량의 데이터를 전달할 경우에는 POST를 사용한다.
GET은 데이터를 읽어들일 때에 사용한다.
POST는 데이터를 바꿀(등록할) 때에 사용한다.

ENCTYPE

이것은 media type을 지정한다. MIME type이 기본설정이다.

TARGET

이것은 form이 실행될 창을 설정한다.

예    제

<INPUT> 태그

사용법

설   명

<FORM>형식에 필요한 사항인데, 사용자가 직접 글을 써넣거나 데이터를 스크립트의 도움을 받아 실행시킬 수 양식을 만든다. 

속   성

ALIGN : 위치를 지정한다.

CHECKED : 표시된 사각형 checkbox 또는 원 radio botton을 보여준다.

MAXLENGTH : 한 공간안에 들어갈 수 있는 최대문자를 지정한다.

NAME : 이름을 지정한다.

SIZE : 아래의 보기처럼 크기를 지정한다.

   - INPUT TYPE="text" SIZE="24"

SRC : IMG에서처럼 주소를 지정한다.

TYPE : 글text 등, 해당 형식을 정한다.  

   - TEXT(텍스트 입력양식) : 한줄짜리 문자열 입력을 위해 사용.

   - RADIO(라디오 버튼 입력 양식) : 여러개의 항목 중 하나의 항목을 선택할 때 사용.

   - CHECKBOX(체크박스 입력 양식) : 여러개의 항목 중 하나 이상의 항목을 선택할 경우 사용.

   - HIDDEN(숨겨진 입력 양식) : 서버쪽 프로그램 수행을 위해서는 전송되어야 할 값이지만, 브라우저에는 표시하지 않도록 할 경우 사용.

   - PASSWORD(암호 입력 양식) : 암호를 입력하도록 한다.

   - TEXTAREA(텍스트 영역 입력 양식) : 한줄 이상의 문장을 입력할 때 사용.

      -- COLS : 텍스트 영역의 가로 폭 설정(문자 단위)

      -- ROWS : 텍스트 영역의 세로 폭 설정(행 단위)

   - SELECT(선택 목록 입력 양식) : 어떤 목록(LIST)에서 하나 혹은 여러개의 항목을 선택하고자 할 경우 <SELECT>...</SELECT>으로 선택목록을 정의한다.

      -- SIZE : 선택 목록의 개수 설정

      -- SELECTED : 미리 선택된 항목 설정

      -- MULTIPLE : 다중 선택을 가능하게 한다.

      -- <OPTION> 선택 목록을 열거할 때 사용한다.

   - SUBMIT(버튼 입력 양식) : 서버쪽 프로그램으로 데이터 전송.

   - RESET(버튼 입력 양식) : 입력 양식에 입력된 모든 내용을 지우거나 초기화

   - BUTTON(버튼 입력 양식) : 버튼 형태만을 만들어주며, 주로 자바스크립트와 혼용되어 쓰일 경우 사용된다.

BUTTON : 단추. 이것은 각종 스크립트를 실행하는 장치로 이용된다.

VALUE : 이것은 단추의  이름을 정할 때 사용하며, 단추에 표시된다.

예   제