4.HTMLȰ¿ë


4.3 FORM

  FORM Tag´Â HTML¹®¼­¾È¿¡ »ç¿ëÀÚÀÇ ÀԷ»çÇ×À» ¼ö¿ëÇÒ ¼ö ÀÖ´Â ¹öư, ¶óµð¿À ¹öư, ¼±Åùڽºµî°ú °°Àº °ÍµéÀ» Ãâ·ÂÇÒ ¼ö ÀÖ°Ô µÈ´Ù. ÀÌ·¯ÇÑ È­¸éÀÇ ¿ä¼Òµé·ÎºÎÅÍ »ç¿ëÀÚ ÀÔ·ÂÀ» ¾ò¾î¼­ ¼­¹ö·Î Àü´ÞÇÏ°Ô µÈ´Ù. ¾Æ·¡ÀÇ ¹®¹ý¿¡¼­ ACTIONºÎºÐ¿¡ ÀÔ·ÂµÈ ºÎºÐÀÌ ¹Ù·Î ½ÇÇàÆÄÀÏÀÎ CGIÆÄÀÏÀÇ À̸§ÀÌ´Ù. ±× ½ÇÇàÆÄÀÏ¿¡ »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ Á¤º¸°¡ Àü´ÞµÇ´Â °ÍÀÌ´Ù.

  • ±âº» ¹®¹ý

    <FORM METHOD="POST" ACTION="cgi-program-name">

      <INPUT TYPE=type NAME=name VALUE=value>
      ......................
      <INPUT TYPE=type NAME=name VALUE=value>
    </FORM>

      »ç¿ëÀÚ ÀÔ·Âó¸®   ¾Õ¿¡¼­ »ç¿ëÀÚÀÇ ÀÔ·ÂÀ» ¹Þ´Â ºÎºÐÀ» FORMÅÂ±× ¾È¿¡ ÀÖ´Â Ç׸ñµé(elements)¿¡¼­ ¹Þ´Â °ÍÀ̰í, À̸¦ ¼­¹ö·Î Àü´ÞÇÏ´Â ¿ªÇÒÀº ºê¶ó¿ìÀú°¡ ÇÏ°Ô µÈ´Ù. ±×¸®°í, ÀÌ¿¡ ´ëÇÑ Ã³¸®´Â CGIÇÁ·Î±×·¥ÀÌ ÁøÇàÇØ¾ß ÇÏ´Â °ÍÀ¸·Î, HTML¹®¼­¸¸ ¸¸µç´Ù°í ÇØ¼­ ó¸®µÉ ¼ö ÀÖ´Â °ÍÀº ¾Æ´Ï´Ù. ÀÚ¼¼ÇÑ »çÇ×Àº CGI with C°­Á¸¦ ÂüÁ¶Ç϶ó.


  • METHOD

      ºê¶ó¿ìÀú°¡ »ç¿ëÀÚ°¡ FORMÅÂ±× ¾È¿¡ ÀÛ¼ºÇÑ ³»¿ëÀ» À¥ ¼­¹ö·Î Àü´ÞÇÏ´Â ¹æ¹ý¿¡´Â GET, PUT, HEAD, DELETEµîÀÌ ÀÖÀ¸³ª ÀÌÁß¿¡ ½ÇÁ¦·Î »ç¿ëµÇ´Â ¹æ¹ýÀº GET, POST¹æ½Ä »ÓÀÌ´Ù. ±×·³ GET¹æ½Ä°ú POST¹æ½Ä¿¡ ´ëÇØ¼­ »ìÆìº¸µµ·Ï ÇÏÀÚ.

    • GET : ÄÚµåÈ­ µÇ¾î ¼­¹ö¿¡ Àü´ÞµÉ ¶§, ȯ°æº¯¼ö¿¡ ÀúÀåÀÌ µÈ´Ù. QUERY_STRINGÀ̶ó´Â ȯ°æº¯¼ö¿¡ ÀúÀåµÈ »óÅ·ΠCGI ÇÁ·Î±×·¥ÀÌ ¼öÇàµÇ´Â °ÍÀÌ´Ù. C¾ð¾î·Î ÀÛ¼ºÇÒ ¶§´Â ´ÙÀ½°ú °°ÀÌ Á¤º¸¸¦ ¾òÀ» ¼ö ÀÖ´Ù.
      char str[LNG];
      str = getenv("QUERY_STRING");
      ±×·¯³ª, ȯ°æº¯¼ö¿¡ ÀúÀåÇÒ ¼ö ÀÖ´Â ±æÀ̰¡ ÇÑÁ¤µÇ¾îÀֱ⠶§¹®¿¡ ±ä ¹®ÀÚ󸮿¡ ºÎÀûÇÕÇϸç, »ç¿ëÀÚ ºê¶ó¿ìÀúÀÇ ÁÖ¼Ò¶õ¿¡ »ç¿ëÀÚ°¡ ÀÔ·ÂÇÑ ³»¿ëÀÌ ±×·¡µµ Ãâ·ÂµÇ¾î ºÏ¸¶Å© µÉ¼öÀÖ´Â ´ÜÁ¡µµ °¡Áö°í ÀÖ´Ù.

    • POST : browser°¡ º¸³»´Â Á¤º¸°¡ Ç¥ÁØ ÀÔ·Â(stdin)À» ÅëÇØ¼­ CGIÇÁ·Î±×·¥À¸·Î Á÷Á¢ Àü´ÞµÈ´Ù. °¡Àå º¸ÆíÀûÀÎ ¹æ½ÄÀ¸·Î ÀÔ·ÂµÈ ±æÀÌ¿¡ Á¦ÇÑÀÌ ¾ø´Ù. Áï, C¾ð¾îÀÇ °æ¿ì ´ÙÀ½°ú °°Àº ¹æ½ÄÀ¸·Î ÀоîµéÀÌ¸é µÈ´Ù.
      char str[LNG];
      fgets(str, LNG, fp);
  • EXAMPLE

    Text <INPUT TYPE=text>
    Password <INPUT TYPE=password>
    FILE <INPUT TYPE=file>
    TextArea <TEXTAREA rows=3></TEXTAREA>
    Select Box <SELECT>
      <OPTION>Orange</OPTION>
      <OPTION>Apple</OPTION>
      <OPTION>Pear</OPTION> </SELECT>
    Radio Button <INPUT TYPE=radio NAME=r1> YES
    <INPUT TYPE=radio NAME=r1> NO
    YesNo
    Check Box <INPUT TYPE=checkbox>FILE
    <INPUT TYPE=checkbox>DB
    FILE DB
    BUTTON <INPUT TYPE=button VALUE=OK>
    Submit <INPUT TYPE=submit>
    Reset <INPUT TYPE=reset>
    Hidden <INPUT TYPE=hidden> HiddenÀÇ °æ¿ì º¸ÀÌÁö´Â ¾ÊÁö¸¸ °ªÀº ¼­¹ö·Î Àü´ÞµÉ¶§ »ç¿ëÇÑ´Ù.
    IMAGE <INPUT TYPE=image src=nuclear.gif>
  • FILEUPLOAD

      ¾Õ¿¡¼­ FORMÀÇ ¼Ó¼ºÁß¿¡¼­ ENCTYPEÀÌ ºüÁ® ÀÖ´Ù. Default·Î application/x-www-form-urlencodedÇüÅÂÀÇ MIME TypeÀ¸·Î À¥ ¼­¹ö·Î Àü´ÞµÈ´Ù. ±×·¯³ª, INPUTÀÇ TYPE=fileÀÎ °æ¿ì¿¡´Â ÆÄÀÏÀÌ ºê¶ó¿ìÀú·ÎºÎÅÍ À¥¼­¹ö·Î Àü´ÞµÇ±â ¶§¹®¿¡ ±×¶§´Â ENCTYPEÀ» multipart/form-data·Î ÁöÁ¤ÇØ¾ß ÆÄÀÏÀÌ Á¦´ë·Î Àü´ÞµÈ´Ù. À¥ ¼­¹ö¿¡¼­ À̸¦ ó¸®ÇÏ´Â CGIÇÁ·Î±×·¥À» °³¹ßÇÒ¶§ ÀÌ¿¡ ¸Â°Ô ÀûÀýÇÑ ¹æ¹ýÀ¸·Î ó¸®Çؾ߸¸ °¡´ÉÇÏ´Ù´Â Á¡.

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML °­ÁÂ
HTMLÀ̶õ?
À¥¼­¹ö ÀÛµ¿¿ø¸®
HTML ±âÃÊ
     - Àüü ±¸Á¶
     - ±âº» ű×
     - ¼Ó¼º Ãß°¡
     - Link/Anchor
     - ¸ñ·Ï Tag
     - ¹®ÀÚ¿Í ½ºÅ¸ÀÏ
     - ±âŸ Tag
     - Ư¼ö ¹®ÀÚ Ç¥±â
     - À̹ÌÁö Ç¥±â
HTML Ȱ¿ë
     - Table
     - Frame
     - Form
     - Elements
±â Ÿ
     - MIME Type
     - À̹ÌÁö ¸Ê
     - Ŭ¶óÀÌ¾ðÆ® Ç®
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master