Fill-Out Form

CGI와 FILL-OUT FORM

■■■■
■■■■■■■■
■■■■■■■■■■■■

FILL-OUT FORM	CGI

Form 문서는 CGI를 작동시키기 위하여 몇가지 tag들을 사용하며 이러한 tag들은 모두

영역 안에 있어야 한다. 한 문서 내에서 둘 이상의 form이 사용될 수 있으나 nested 되 어서는
안되며, 이 때 사용자가 구분할 수 있도록 <hr> 등으로 나누어 구분하는 것이 좋다.
여기에서는 Form 문서의 형식에 대해서 간단히 설명하고자 한다.

  <FORM METHOD="post|get" ACTION="cgi_program"> 
   <INPUT NAME="name" 
       [TYPE=text|password|checkbox|radio|hidden|submit|reset]
       [VALUE="value"] [CHECKED] [SIZE="n"] [MAXLENGTH="n"]>
   <SELECT NAME="name" [SIZE="n"] [MULTIPLE]>
     <OPTION [SELECTED]>value
   </SELECT>
   <TEXTAREA NAME="name" [ROWS=n] [COLS=n]>
     ......
   </TEXTAREA> 
  </FORM>

<FORM>

METHOD와 ACTION attribute를 지정하여야 한다. METHOD는 GET과 POST 둘 중 하나이
어야 하며 각각의 내용은 CGI부분을 참조하기 바란다.
ACTION은 실행될 CGI 프로그램의 URL이다. 일반적으로 CGI프로그램은 WWW 서버가 지정
하는 장소에 실행화일의 형태로 있어야한다.
창원대학교 WWW서버의 경우 config화일에 아래와 같이 지정되어있다.

        EXEC     /htbin/*     /www/cgi-bin/*

이때 '/htbin/*'은 URL이 되며 '/www/cgi-bin/*'은 절대경로가 된다.

<INPUT>

Form 속의 input element를 정의하기 위해서 사용된다. TYPE, NAME, VALUE attribute가
사용되며 TYPE이 지정되지 않을 경우 "text"가 기본값이 된다.
TYPE은 다음중의 하나가 될 수 있다.

text 일반 텍스트를 입력할 수 있다.

password 입력된 문자들이 '*'로 나타나는 점을 제외하면 text와 동일하다.

radio toggle 버튼.

checkbox toggle 버튼. 단 radio와 다른점은 하나만이 아니라 여러개을 선택할 수 있다는 것이다. 브라우저에 출력되지는 않지만, 하나의 query로 등록된다. 따라서 꼭 VALUE를 지정하여야 한다. 주로 사용자가 변경할 필요가 없는 변수 지정에 사용된다.

submit 입력된 내용을 URL에 해당하는 CGI 프로그램으로 보낸다.

reset 재입력할 수 있도록 이미 입력된 내용을 지운다.

NAME attribute는 항상 사용되어야 하며, VALUE attribute는 초기값을 설정할 때 사용 된다.
단, submit과 reset은 push-button으로 NAME attribute를 사용할 필요가 없으며 사용자가 식 별
할 수 있도록 VALUE attribute를 이용하여 label을 설정한다. CHECKED는 checkbox 혹 은
radio button이 default 값으로 채택되어 있음을 의미한다. Text와 password는 SIZE(입력 란의 폭 지정)와 MAXLENGTH(입력 최대 문자수) attribute를 추가로 지정할 수 있다.

<SELECT>

선택 option을 가지고 있어서 사용자가 그 중의 하나를 선택하는 형식의 input을 제공 한 다.
<OPTION SELECTED>로 사용되면 해당 옵션이 초기값으로 지정된다.

SIZE		지정된 수 크기만큼의 scroll list로 출력된다.
MULTIPLE		동시에 여러 옵션을 선택할 수 있도록 한다.

<TEXTAREA>

두 줄 이상의 TEXT를 입력받기 위해서 사용하며 ROWS와 COLS attribute를 사용하여 화면
에 나타날 행과 열의 크기를 결정한다. <TEXTAREA>와 </TEXTAREA>사 이 에 기본값으로
글을 넣을 수 있다.

   <TEXTAREA NAME="memo" ROWS=4 COLS=60>...</TEXTAREA>

[결과를 보시려면 여기를 누르세요.]


<HTML>
  <BODY>
    <FORM METHOD="post" ACTION="/cgi-bin/test">
      <BIG>성 명</BIG>
      <INPUT NAME="name" TYPE="text" SIZE=10 MAXLENGTH=10><P>
      <BIG>직 업</BIG> <SELECT NAME="job">
        <OPTION> 학생
        <OPTION> 직장인
        <OPTION> 주부
      </SELECT><P>
      <BIG>근 무 처</BIG><BR>
      <INPUT NAME="office" TYPE="checkbox" CHECKED> 창원
      <INPUT NAME="office" TYPE="checkbox"> 마산
      <INPUT NAME="office" TYPE="checkbox"> 진해<P>
      <BIG>거 주 지</BIG><BR>
      <INPUT NAME="office" TYPE="radio" CHECKED> 창원
      <INPUT NAME="office" TYPE="radio"> 마산
      <INPUT NAME="office" TYPE="radio"> 진해<P>
      <BIG>메 모</BIG><BR>
      <TEXTAREA NAME="Comment" ROWS=10 COLS=50></TEXTAREA><P>
      <INPUT TYPE="submit" VALUE="기록">
      <INPUT TYPE="reset" VALUE="취소"><P>
    </FORM>
  </BODY>
</HEAD>

적절한 내용을 적어 넣은 다음, 저장(submit)을 선택하면 브라우저는 사용자가 입력한 내용을 서 버에게 보내게 된다.

FILL-OUT FORM	CGI

☜DB Lab.

▲홈페이지 작성법

◀Prev. Chap.

▶Next Chap.

DB Lab. Home Welcome to Database Laboratory in Changwon National University ! Univ. Home

Drop any comments or suggestions to : ytwoo@sarim.changwon.ac.kr
Copyright(C) 1996. YongTae Woo, Database Laboratory, Changwon National University
Tel. 82-551-79-7423 Fax. 82-551-79-7680 All rights reserved.

text	일반 텍스트를 입력할 수 있다.
password	입력된 문자들이 '*'로 나타나는 점을 제외하면 text와 동일하다.
radio	toggle 버튼.
checkbox	toggle 버튼. 단 radio와 다른점은 하나만이 아니라 여러개을 선택할 수 있다는 것이다. 브라우저에 출력되지는 않지만, 하나의 query로 등록된다. 따라서 꼭 VALUE를 지정하여야 한다. 주로 사용자가 변경할 필요가 없는 변수 지정에 사용된다.
submit	입력된 내용을 URL에 해당하는 CGI 프로그램으로 보낸다.
reset	재입력할 수 있도록 이미 입력된 내용을 지운다.