10. Navigator °´Ã¼


10.9 form elements

  FORM Tag ÇÏÀ§¿¡´Â Å©°Ô 3°¡ÁöÀÇ Tag°¡ Á¸ÀçÇÑ´Ù. Áï, INPUT, SELECT, TEXTAREA ÀÌÁ¦ ±× ¼¼ºÎÀûÀÎ »ç¿ë¹ý°ú ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÇÒ¼öÀÖ´Â °£´ÜÇÑ ¿¹Á¦µéÀ» º¸µµ·Ï ÇÏÀÚ.

  • textÀÇ ÁÖ¿ä ¼Ó¼º :

    defaultValueINPUT Tag¿¡ ÃÖÃÊ·Î ¼³Á¤µÈ VALUE
    nameINPUT TagÀÇ NAME
    typeINPUT TagÀÇ TYPE
    valueINPUT TagÀÇ VALUE(ÇöÀç°ª)
    sizeINPUT TagÀÇ SIZE
    maxlengthINPUT TagÀÇ MAXLENGTH
    formINPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
    * ÇöÀç fmÀ̶ó´Â form ¿¡ ¼³Á¤µÈ txt¶ó´Â À̸§À» °¡Áø text/textarea¶ó´Â ÇʵåÀÇ ½ÇÁ¦ ³»¿ëÀº?
    document.fm.txt.value

  • button / submit / reset :

    nameINPUT TagÀÇ NAME
    typeINPUT TagÀÇ TYPE
    valueINPUT TagÀÇ VALUE(ÇöÀç°ª)
    formINPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼


  • password / file / hidden

    ÀÌ ¼¼ °³ÀÇ °´Ã¼´Â text¿Í µ¿ÀÏÇÏ´Ù. Áï ±âº»ÀûÀ¸·Î »ç¿ëÇÒ ¼ö ÀÖ´Â name, type, value, defalutValue, size, maxlength¸¦ ÀÌ¿ëÇÒ ¼ö ÀÖ´Ù. Áß¿äÇÑ Â÷ÀÌÁ¡Àº passwordÀÇ °æ¿ì´Â È­¸é¿¡ *****¿Í °°Àº ÇüÅ·Π³ªÅ¸³ª±â ¶§¹®¿¡ value°ª¿¡ Á¢±ÙÇØ¼­ °ªÀ» °¡Á®¿À¸é ¾Æ¹«°Íµµ ³ªÅ¸³ªÁö ¾Ê´Â´Ù.

    password¿Í fileÀº text¿Í ¿ÏÀüÈ÷ ¶È°°Àº ¼Ó¼ºÀ» °¡Áö°í ÀÖ°í, hiddenÀÇ °æ¿ì¿¡´Â È­¸é¿¡ º¸ÀÌÁö ¾Ê±â ¶§¹®¿¡ size, maxlength¼Ó¼ºÀÌ ¾ø´Ù.

  • textarea :

    defaultValueTEXTAREA Tag¿¡ ÃÖÃÊ·Î ¼³Á¤µÈ VALUE
    nameTEXTAREA TagÀÇ NAME
    typeTEXTAREA TagÀÇ TYPE
    valueTEXTAREA TagÀÇ VALUE(ÇöÀç°ª)
    rowsTEXTAREA TagÀÇ ³ôÀÌ
    colsTEXTAREA TagÀÇ ³Êºñ
    formTEXTAREA Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼


  • checkbox :

    defaultCheckedINPUT Tag¿¡ ÃÖÃÊ·Î checked¼Ó¼ºÀÌ ÁöÁ¤µÇ¾ú´ÂÁö
    nameINPUT TagÀÇ NAME
    typeINPUT TagÀÇ TYPE
    valueINPUT TagÀÇ VALUE
    checkedcheckbox°¡ ÇöÀç ¼±ÅÃµÈ »óÅÂÀÎÁö
    formINPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼


  • radio :

    defaultCheckedINPUT Tag¿¡ ÃÖÃÊ·Î checked¼Ó¼ºÀÌ ÁöÁ¤µÇ¾ú´ÂÁö
    nameINPUT TagÀÇ NAME
    typeINPUT TagÀÇ TYPE
    valueINPUT TagÀÇ VALUE
    checkedradio°¡ ÇöÀç ¼±ÅÃµÈ »óÅÂÀÎÁö
    lengthradio°´Ã¼ ¹è¿­ÀÇ °³¼ö
    formINPUT Tag¸¦ Æ÷ÇÔÇϰí ÀÖ´Â »óÀ§ÀÇ Form°´Ã¼
    * ÇöÀç fmÀ̶ó´Â form¿¡¼­ area¶ó´Â radio°´Ã¼°¡ Àִµ¥ ¹«¾ùÀÌ ¼±ÅõǾú´ÂÁö ¾Ë°í ½ÍÀ¸¸é?
    for(var i=0;i > area.length;i++){
        if( document.fm.area[i].checked) {
           selectvalue = document.fm.area[i].value; break;
        }
    }


  • select :

      select°´Ã¼´Â HTML Tag¿¡¼­µµ º¸µíÀÌ ÇÏÀ§ ¼Ó¼ºÀ¸·Î option°´Ã¼¸¦ °Å´À¸®°í ÀÖ´Ù. ÇѲ¨¹ø¿¡ ´Ù º¸¸é,
    lengthOption Tag¸¦ ¸î°³³ª °¡Áö°í ÀÖ´ÂÁö
    nameSELECT TagÀÇ NAME
    sizeSELECT TagÀÇ SIZE
    multipleMULTIPLEÀÎÁö ¿©ºÎ
    typemulipleÀÌ true¸é "select-multiple"
    selectedIndexÇöÀç ¼±ÅÃµÈ index(0ºÎÅͽÃÀÛ)
    options[i]OPTION TagÀÇ ¹è¿­
    options[i].index°¢ Option TagÀÇ ÇöÀçÀ§Ä¡
    options[i].text°¢ Option TagÀÇ È­¸é¿¡ º¸ÀÌ´Â ±ÛÀÚ
    options[i].value°¢ Option TagÀÇ VALUE¼Ó¼º°ª
    options[i].defaultSelectedÃʱ⿡ selectedµÈ »óÅ¿´´ÂÁö
    options[i].selectedIndexÇöÀç ¼±ÅÃµÈ index
    options[i].length°¢ Option TagÀÇ
    ÇöÀç fmÀ̶ó´Â form¿¡ ¼³Á¤µÈ slÀ̶ó´Â select°´Ã¼Áß ¼±ÅÃµÈ ¹®ÀÚ¿­Àº?
    document.fm.sl.options[document.fm.sl.selectedIndex].text

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

Javascript °­ÁÂ
µé¾î°¡±â
Javascript¶õ?
ÀÛµ¿ ¹æ½Ä
Àå ´Ü Á¡
±â ÃÊ
     - HTML¹®¼­¿¡Ãß°¡Çϱâ
     - ÃÖÃÊ ¿¹Á¦
     - ÇÔ¼ö»ç¿ëÇϱâ
     - ±âº» ÇÔ¼ö
¹® ¹ý
     - º¯ ¼ö
     - ¿¬ »ê
     - Á¶ °Ç ¹®
     - ¹Ý º¹ ¹®
     - »ç¿ëÀÚÇÔ¼ö
°´ ü
     - Object¶õ?
     - ¼Ó¼º°ú ÇÔ¼ö
     - °´Ã¼ÀÇ »ý¼º°ú»ç¿ë
³»Àå °´Ã¼
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - ±â Ÿ
     - with / delete
Event °´Ã¼
³×ºñ°ÔÀÌÅÍ °´Ã¼
     - ³×ºñ°ÔÀÌÅͰ´Ã¼±¸Á¶
     - °´Ã¼ Á¢±Ù ¹æ¹ý
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame °´Ã¼
±â Ÿ
     - Animation
     - Audio
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master