4.HTMLÈ°¿ë


4.4 Elements

  FORM Tag³»ºÎ¿¡ µé¾î°¡´Â INPUT, SELECT, TEXTAREA TagµéÀ» ¿ä¼Ò(Form Elements)¶ó°í ºÎ¸£´Âµ¥, ¾ÕÀå¿¡¼­´Â °£´ÜÈ÷ ¾î¶² Çü½ÄÀ» ÃëÇÏ´ÂÁö »ìÆìºÃ´Ù. À̹ø Àå¿¡¼­´Â °¢°¢¿¡ ´ëÇؼ­ ¼¼¼¼ÇÑ ºÎºÐ±îÁö °ËÅäÇØ º¸µµ·Ï ÇÏÀÚ.

  • TEXT

    TYPE=text °¡Àå ±âº»ÀûÀÎ ÇüÅÂ
    VALUE="±âº»°ª" µðÆúÆ®°ªÀ» °¡Áø ÇüÅÂ
    SIZE=3 »çÀÌÁî ÁöÁ¤ ÇüÅÂ
    MAXLENGTH=3 ÀԷ¹®ÀÚ¸¦ 3ÀÚ·Î Á¦ÇÑ


  • RADIO

    TYPE=radio °¡Àå ±âº»ÀûÀÎ ÇüÅ Yes No
    CHECKED No°¡ ¼±ÅÃµÈ ÇüÅ Yes No
    Áßø °æ¿ì NameÀ¸·Î ±×·ìÁöÁ¤ÇÑ ÇüÅ Yes
        11
        22
    No


    * ¿©±â¼­ ÁÖÀÇÇÒ °ÍÀº radio¹öÆ°ÀÇ °æ¿ì´Â °°Àº À̸§À» ÁÖ°Ô µÇ¸é, °°Àº ±×·ìÀ¸·Î ¹­¿©¼­ ÇØ´ç ±×·ìÁß¿¡¼­ ¿ÀÁ÷ Çϳª¸¸À» ¼±ÅÃÇÒ ¼ö ÀÖ´Â °ÍÀÌ ¹Ù·Î ¶óµð¿À ¹öÆ°ÀÌ´Ù.(Áï, À̸§(Name¼Ó¼º)ÀÌ ´Ù¸£¸é ´Ù¸¥ ±×·ìÀ̱⠶§¹®¿¡ ÀüºÎ ¼±ÅÃÇÒ ¼ö ÀÖ°Ô µÇ´Ï ÁÖÀÇÇÏÀÚ.

  • CHECKBOX

    TYPE=checkbox °¡Àå ±âº»ÀûÀÎ ÇüÅ Yes No
    CHECKED ¸ðµÎ ¼±ÅÃµÈ ÇüÅ Yes No


  • BUTTON/SUBMIT/RESET

    TYPE=button °¡Àå ±âº»ÀûÀÎ ÇüÅÂ
    VALUE="OK¹öÆ°" °ªÀ» °¡Áø ÇüÅÂ
    TYPE=submit FormÀÇ ³»¿ëÀ» À¥¼­¹ö·Î º¸³»°Ô ÇÑ´Ù.
    TYPE=reset FormÀÇ ³»¿ëÀ» ÃʱâÈ­½ÃŲ´Ù.


  • HIDDEN/PASSWORD/FILE

      À½, ÀÌ°Ç ÁøÂ¥ ¼³¸íÇÏ°Ô¾ø´Ù. Text TypeÀÇ º¯ÇüµÈ ÇüÅ·Î, ¾Õ¿¡¼­ ¼³¸íÇÑ °ÍÀÌ ÀüºÎÀÌ´Ù. HIDDEN TypeÀº È­¸é¿¡´Â º¸ÀÌÁö ¾ÊÁö¸¸, À¥¼­¹ö·Î Form³»¿ëÀ» Àü´ÞÇÒ¶§ VALUE°ªÀ¸·Î °¡Áö°í ÀÖ´Â °ÍÀÌ °°ÀÌ ¿Ã¶ó°¡°Ô Çϸç, PASSWORD TypeÀº »ç¿ëÀÚ°¡ ÀÔ·ÂÇÏ´Â °ªÀÌ ****·Î Ç¥½ÃµÈ´Ù. FILEÀº ¾ÕÀå¿¡¼­ ¼³¸íÇßµíÀÌ ÆÄÀÏÀ» ÷ºÎÇÒ ¶§ »ç¿ëÇÑ´Ù.

  • SELECT

    ±âº»ÀûÀÎ ÇüÅ °¡Àå óÀ½°ÍÀÌ ÀÚµ¿ ¼±ÅõÊ
    OPTION SELECTED µÎ¹ø° °ªÀ» ¼±Åõǵµ·Ï ÁöÁ¤
    SIZE=3 ³ôÀ̸¦ 3À¸·Î ÁöÁ¤
    MULTIPLE ³ôÀÌ3,´ÙÁß¼±Åð¡´É
    * CTRL, SHIFTÅ°¿Í ¸¶¿ì½º µ¿½Ã»ç¿ëÇϰųª, ¸¶¿ì½ºÀÇ µå·¡±×¸¦ ÅëÇؼ­ ´ÙÁß¼±Åð¡´É


  • TEXTAREA

    ±âº»ÇüÅ °¡Àå ±âº»ÀûÀÎ ÇüÅÂ
    VALUE="OK¹öÆ°" ±âº»°ªÀ» °¡Áø ÇüÅÂ
    COLS=10 ROWS=3 10Ä®·³¿¡ 3ÁÙ·Î Å©±âÁ¶Á¤


ƯÀÌ»çÇ×

  • ¸ðµç °ÍµéÀÌ ÇϳªÀÇ Æû ÅÂ±× ¾È¿¡ ÀÖ¾î¾ß Àü´ÞÀÌ µÇ¸ç, ºÐ¸®µÈ °æ¿ì´Â °¢ ACTION Tag¿¡ ´ëÇÑ °÷À¸·Î¸¸ Àü´ÞµÈ´Ù.

  • textareaÀÇ °æ¿ì ¼­¹ö¿¡ Àü´ÞµÇ´Â ±æÀÌ°¡ 2000À¸·Î ÇÑÁ¤µÇ¾îÀÖ´Â ºê¶ó¿ìÀú(Netscape3.01)µµ ÀÖÀ¸³ª ÃÖ±Ù¿¡´Â ¹«Á¦ÇÑÀÌ´Ù.

  • radioÀÇ °æ¿ì ¼­¹ö¿¡ Àü´ÞµÉ ¶§, value¶ó´Â Ư¼º°ªÀ» »ç¿ëÇÏ¿© ±¸ºÐÇÏ¿©¾ß Çϸç, °°Àº À̸§À» °¡Áú ¶§¸¸ °°Àº ±×·ìÀ¸·Î ¹­¿©¼­ Åä±ÛµÈ´Ù.

  • selectÀÇ °æ¿ì ¿©·¯°³¸¦ ¼±ÅÃÇÒ ¼ö ÀÖ°Ô ÇÏ´Â multipleÀ̶ó´Â ¼Ó¼ºÀÌ ÀÖ´Ù.

  • Á¦ÃâÇÏ´Â ´ë»ó(Action)Àº ¾ðÁ¦³ª ÇϳªÀ̱⠶§¹®¿¡ ÇϳªÀÇ È­¸é¿¡ ¿©·¯°³ÀÇ ÀÏÀ» ÇÏ´Â °æ¿ì´Â °á±¹ ¼­¹öÃø¿¡¼­ ´ëÀÀµÇ´Â CGI´Â Çϳª¶ó´Â ¾ê±âÀÌ°í, ±×·¡¼­ º¹ÀâÇÏ°Ô ±¸¼ºÀÌ µÈ´Ù. ( ÀϺΠºê¶ó¿ìÁ®¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ÀÌ¿ëÇÏ¿© action¿¡ ÇØ´çÇÏ´Â Ç׸ñÀ» ¹Ù²Ü ¼ö ÀÖ´Ù. Netscape 3.0¿¡¼­´Â ¹«¸®¾øÀÌ ÁøÇàµÇ¾úÁö¸¸, Explore 4.0¿¡¼­´Â ¿¡·¯¸¦ »Ñ·Á´ò´Ù. )

  • ¼­¹ö¿¡ Àü´ÞµÉ ¶§ ±¸ºÐÀ» À§ÇÏ¿© ¹Ýµå½Ã ÇÊ¿äÇÑ Ç׸ñ(ButtonÀÇ °æ¿ì´Â ÇÊ¿ä¾ø´Ù)¿¡´Â À̸§(Name)À» ÁÖµµ·Ï ÇÑ´Ù.

  • imageÀÇ °æ¿ì´Â ¼­¹ö¿¡ Àü´ÞµÉ ¶§, À̹ÌÁöÀÇ ÁÂÇ¥°ªÀÌ Àü´ÞµÈ´Ù. Áï, À̸§ÀÌ img¶ó¸é, img.x, img.y°ªÀÌ Àü´ÞµÈ´Ù.

- 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