INPUT
 
FORM ¾È¿¡ µé¾î°¡´Â element·Î 1ÁÙ ÅؽºÆ® ÀԷ¶õ, ¾ÏÈ£ ÀԷ¶õ, üũ»óÀÚ, ¶óµð¿À´ÜÃß µîÀÇ ÄÁÆ®·ÑÀ» ¸¸µé ¼ö ÀÖµµ·Ï ÇÑ´Ù. ½ÃÀÛ Å±׸¸ ÀÖ´Ù.

<form>
À̸§ : <input type=text size=12 name=user value=¸¶½Ã¸¶·Î>
¾ÏÈ£ : <input type=password size=12 name=passwd>
</form>

+ ½ÇÇà°á°ú


À̸§ :
¾ÏÈ£ :


<form>
±¹Àû
<input type=checkbox checked name=nationality value=1> Çѱ¹ÀÎ
<input type=checkbox name=nationality value=2> ¹Ì±¹ÀÎ
<input type=checkbox name=nationality value=3> Áß±¹ÀÎ
</form>

+ ½ÇÇà°á°ú


±¹Àû
Çѱ¹ÀÎ
¹Ì±¹ÀÎ
Áß±¹ÀÎ

<form>
³ªÀÌ
<input type=radio name=age value=answer1 checked> 12¼¼ ÀÌÇÏ
<input type=radio name=age value=answer2> 13-17¼¼
<input type=radio name=age value=answer3> 18-25¼¼
<input type=radio name=age value=answer4> 26-35¼¼
<input type=radio name=age value=answer5> 36¼¼ ÀÌ»ó
</form>

+ ½ÇÇà°á°ú


³ªÀÌ
12¼¼ ÀÌÇÏ
13-17¼¼
18-25¼¼
26-35¼¼
36¼¼ ÀÌ»ó


<form>
ÆÄÀÏÀ» ¿Ã·ÁÁÖ¼¼¿ä. <input type=file name=photo size=20 accept="image/*">
</form>



<form>
ÆÄÀÏÀ» ¿Ã·ÁÁÖ¼¼¿ä. <input type=file name=photo size=20 accept="image/*">
</form>

+ ½ÇÇà°á°ú


ÆÄÀÏÀ» ¿Ã·ÁÁÖ¼¼¿ä.


<form>
<input type=submit value="´Ù µÆ¾î¿ä"> <input type=reset value="´Ù½Ã ÇÒ·¡¿ä">
</form>

+ ½ÇÇà°á°ú





<form>
<input type=image name=point src="images/confirm_btn.gif" border=0>
</form>

+ ½ÇÇà°á°ú

type = text | password | checkbox | radio | submit | reset | file | hidden | image | button

ÄÁÆ®·ÑÀÇ Á¾·ù¸¦ Á¤ÇÑ´Ù. ±âº»°ªÀº textÀÌ´Ù.
  • text
    password : text¿Í ºñ½ÁÇÏÁö¸¸, ÀÔ·ÂÇÏ´Â ¹®ÀÚ°¡ ¸ðµÎ *·Î Ç¥½ÃµÈ´Ù.
    checkbox
    radio
    submit, reset, button
    file
    hidden
    image : Submit ´ÜÃß ´ë½Å ±×¸²À» »ç¿ëÇÒ ¼ö ÀÖµµ·Ï ÇØ ÁØ´Ù. Src ¼Ó¼ºÀ¸·Î ±×¸² ÆÄÀÏÀÇ °æ·Î¸¦ ÁöÁ¤ÇÑ´Ù. IMG¿Í ¸¶Âù°¡Áö·Î alt ¼Ó¼ºÀ» ÀÌ¿ëÇØ ¹®ÀÚ¿­ ¼³¸íÀ» ºÙÀÏ ¼ö ÀÖ´Ù.

name = ¹®ÀÚ¿­

ÄÁÆ®·Ñ¿¡ À̸§À» ºÎ¿©ÇÑ´Ù. TypeÀÇ °ªÀÌ checkbox³ª radioÀÏ ¶§´Â °¢°¢ÀÇ nameÀº °°°Ô ÇÏ°í, value¸¦ ´Ù¸£°Ô ÇÑ´Ù.

value = ¹®ÀÚ¿­

ÄÁÆ®·ÑÀÇ ÃʱⰪÀÌ´Ù.

size = ¼ýÀÚ

ÄÁÆ®·ÑÀÇ ÆøÀ» Á¤ÇÑ´Ù. ´ÜÀ§´Â Çȼ¿ÀÌ´Ù. ´Ù¸¸, typeÀÌ text³ª passwordÀÏ ¶§´Â ÀÔ·ÂÇÏ´Â ¹®ÀÚÀÇ ¼öÀÌ´Ù.

maxlength = ¼ýÀÚ

TypeÀÌ text³ª passwordÀÏ ¶§, »ç¿ëÀÚ°¡ ÀÔ·ÂÇÒ ¼ö ÀÖ´Â ÃÖ´ë ¹®ÀÚ ¼ö¸¦ ¸»ÇÑ´Ù. SizeÀÇ °ªº¸´Ù Ŭ ¼öµµ ÀÖ´Ù.

checked

TypeÀÌ checkbox³ª radioÀÏ ¶§, checked ¼Ó¼ºÀÌ ÀÖÀ¸¸é ÀÌ¹Ì ¼±ÅÃµÈ »óÅ·Π³ªÅ¸³­´Ù.

src = "URL"

TypeÀÌ imageÀÏ ¶§, ´ÜÃß·Î »ç¿ëµÉ ±×¸² ÆÄÀÏÀÇ °æ·ÎÀÌ´Ù.

readonly

ÄÁÆ®·ÑÀÌ Àбâ Àü¿ëÀÌ µÇ¾î º¯°æµÇÁö ¾Ê´Â´Ù.

disabled

»ç¿ëÀÚ ÀÔ·ÂÀ» ¸øÇϵµ·Ï ÇÑ´Ù. Disabled ÄÁÆ®·ÑµéÀº tabindex¸¦ °®Áö ¾Ê´Â´Ù.

tabindex = ¼ýÀÚ

ÅÇ Å°¸¦ ÀÌ¿ëÇØ ÄÁÆ®·ÑÀÇ Æ÷Ä¿½º¸¦ ¿Å±æ ¶§, ±× ¼ø¼­¸¦ Á¤ÇÑ´Ù.