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>
+ ½ÇÇà°á°ú
<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 = ¼ýÀÚ
ÅÇ Å°¸¦ ÀÌ¿ëÇØ ÄÁÆ®·ÑÀÇ Æ÷Ä¿½º¸¦ ¿Å±æ ¶§, ±× ¼ø¼¸¦ Á¤ÇÑ´Ù.
|