Fill-Out Form

<FORM ACTION="cgi_program" METHOD="POST|GET">
<INPUT [TYPE=TEXT(default)|PASSWORD|CHECKBOX|RADIO|HIDDEN|SUBMIT|RESET|FILE] NAME="name" [VALUE="value"] [SIZE="n"] [MAXLENGTH="n"]>
<SELECT NAME="name"> [SIZE="n"] [MULTIPLE]>
    <OPTION [SELECTED]>value
</SELECT>
<TEXTAREA NAME="name" [ROWS=n] [COLS=n]> ......</TEXTAREA>
</FORM>

참고 CGI

* <FORM>

      CGI를 작동시키기 위하여 몇가지 tag들을 사용한다. 이러한 tag들은 모두 <form method=... action=...> ... </form>이라는 tag 안에 있어야 한다.
      <form>에서는 METHOD와 ACTION attribute를 지정하여야 한다. METHOD는 GET이거나 POST 둘 중 하나이어야 한다. ACTION은 실행될 CGI 프로그램의 URL이다. 한 문서 내에서 둘 이상의 form이 사용될 경우 사용자가 구분할 수 있도록 <hr> 등으로 나누어 구분하여야 한다.

* <INPUT>

      <input> tag은 브라우저가 서버에 보내게 될 내용이 적혀질 곳이다. 여기서는 TYPE, NAME, VALUE attribute가 사용된다.
      TYPE이 지정되지 않을 경우 "text"가 기본값이 된다. 아래에 TYPE으로 지정될 수 있는 것들이 나열되어 있다.

text 일반 텍스트를 입력할 수 있다
password 입력된 문자들이 '*'로 나타나는 점을 제외하면 text와 동일하다
checkbox on/off의 선택이 checkbox에 표시된다
radio 몇개의 동일한 NAME을 가진 것들 중 하나를 선택한다
hidden 브라우저에 출력되지는 않지만, 하나의 query로 등록된다. 따라서 꼭 VALUE를 지정하여야 한다. 주로 사용자가 변경할 필요가 없는 변수 지정에 사용된다.
submit 입력된 내용을 URL에 해당하는 CGI 프로그램으로 보낸다
reset 재입력할 수 있도록 이미 입력된 내용을 지운다
fileForm-base File Upload in HTML (RFC #1867)
binary file 전송에 사용된다. 단 이때
<form enctype="multipart/form-data" action="_URL_" method=POST>
의 형태로 form tag을 사용하여야 한다. 다음 문서들을 참고 http://www.ics.uci.edu/pub/ietf/html/rfc1867.txt
http://www.netscape.com/assist/net_sites/html_extensions_3.html
http://140.114.63.14:6083/doc/
http://www-genome.wi.mit.edu/ftp/distribution/software/WWW/more_examples/

      NAME attribute는 항상 사용되어야 하며, VALUE attribute는 사용될 경우 초기값으로 설정된다. 단 submit과 reset에서는 사용하지 않으며, VALUE attribute를 이용하여 push-button의 label을 바꿀 수 있다.
checkbox와 radio에서는 "on"이 VALUE로 사용될 수 있다.
text와 password에서만 SIZE(입력란의 폭지정)와 MAXLENGTH(입력 최대 문자수) attribute를 추가로 지정할 수 있다.
input tag의 file type은 Netscape 2.0 이상에서만 지원된다.

* <SELECT>

      <select> tag은 스크롤 메뉴중에서 하나의 value를 선택할 수 있게 한다.
<OPTION SELECTED>로 사용되면 해당 옵션이 초기값으로 지정된다.

SIZE지정된 수 크기만큼의 scroll list로 출력된다.
MULTIPLE동시에 여러 옵션을 선택할 수 있도록 한다.
[사용예] 
 <SELECT NAME="a-menu">
 <OPTION> First option.
 <OPTION> Second option.
 </SELECT>

* <TEXTAREA>

      여러줄로 이루어진 문장을 입력할 수 있다. COLS와 ROWS attribute를 사용하여 화면에 나타날 크기를 결정한다. tab 사이에 기본값으로 글을 넣을 수 있다.

[사용예] 
<TEXTAREA NAME="foo" ROWS=4 COLS=60>
안녕하세요.
맘 껏 편집해보세요.
</TEXTAREA>

[출력]