SELECT, OPTGROUP, OPTION
 

SELECT element´Â ¸®½ºÆ®¹Ú½º¿Í ÄÞº¸ ¹Ú½º¸¦ ¸¸µé ¼ö ÀÖµµ·Ï ÇØ ÁØ´Ù. ½ÃÀÛ°ú ³¡³»´Â ű׷ΠÀÌ·ç¾îÁö¸ç, °¢°¢ÀÇ ¸Þ´º´Â OPTION element·Î ³Ö¾îÁØ´Ù. °ü·ÃÀÖ´Â OPTIONµéÀº OPTGROUPÀ¸·Î ¹­À» ¼ö ÀÖ´Ù.

<FORM action="http://somesite.com/prog/someprog" method="post">
  <SELECT name=computer>
    <OPTGROUP label=TriGem>
      <OPTION label=1 value=tg1000>»ïº¸ 1000
      <OPTION label=2 value=tg2000>»ïº¸ 2000
      <OPTION label=3 value=tg3000>»ïº¸ 3000
    </OPTGROUP>
    <OPTGROUP label=Samsung>
      <OPTION label=1 value=ss1000>»ï¼º 1000
      <OPTION label=2 value=ss2000>»ï¼º 2000
    </OPTGROUP>
    <OPTGROUP label=LG>
      <OPTION label=1 value=lg1000>¿¤Áö 1000
      <OPTION label=2 value=lg2000>¿¤Áö 2000
      </OPTGROUP>
  </SELECT>
</FORM>

½ÇÇà°á°ú


ºê¶ó¿ìÀú¿¡ µû¶ó ÀÏ¹Ý ÇÁ·Î±×·¥ÀÇ ¸Þ´º¿Í °°ÀÌ Á¡Â÷ ÆîÃÄÁö´Â °Íó·³ º¸ÀÏ ¼öµµ ÀÖ´Ù.

size = ¼ýÀÚ

ÇÑ ¹ø¿¡ º¸ÀÌ´Â ¸Þ´ºÀÇ °¹¼öÀÌ´Ù.

multiple

Multiple ¼Ó¼ºÀÌ ÀÖÀ¸¸é, CtrlÀ̳ª Shift Å°¸¦ ´©¸¥ ä µÎ °³ ÀÌ»óÀÇ ¸Þ´º¸¦ µ¿½Ã¿¡ ¼±ÅÃÇÒ ¼ö ÀÖ´Ù.

label = ¹®ÀÚ¿­

¿É¼Ç ±×·ì¿¡ ´ëÇÑ À̸§Ç¥ÀÌ´Ù.