Æû¿¡¼­ ±× Á¾·ù¸¦ °¡Àå ¸¹ÀÌ °¡Áö°í ÀÖ´Â °ÍÀÌ <input>ÀÔ´Ï´Ù. 10°¡Áöµµ ³ÑÁö¸¸ ÀÌ Æ©Å丮¾ó¿¡¼­´Â Áß¿äÇÑ °Í 8°¡Áö¸¦ ¼³¸íÇÏ·Á°í ÇÕ´Ï´Ù. ¸Ç ¸ÕÀú ¹è¿ï °ÍÀÌ type=text¿Í type=submit, resetÀÔ´Ï´Ù. À̰ÍÀ¸·Î ¹Ù·Î ¾Õ¿¡¼­ ¸¸µéÀÚ°í Çß´ø °Í, À̸§°ú ÀüÈ­¹øÈ£¸¦ ¹°¾îº¸°í, ±× ³»¿ëÀ» ³» email·Î ¹Þµµ·Ï ÇÒ ¼ö ÀÖ½À´Ï´Ù.
<input> ű׸¦ ¾²´Â ¹æ¹ýÀº ´ÙÀ½°ú °°½À´Ï´Ù. ¾îÆ®¸®ºäÆ®¿¡¼­ size°ªÀº Ä­ÀÇ Å©±â¸¦ Á¤ÇÏ´Â °ªÀÔ´Ï´Ù. ¼ýÀÚ´Â ±ÛÀÚ ¼ö¸¦ ¶æÇÕ´Ï´Ù. °ªÀÌ 30À̶ó¸é¸é 30ÀÚÀÇ ±ÛÀÚ°¡ µé¾î°¥ ¼ö ÀÖ´Â Ä­ÀÌ ¸¸µé¾îÁø´Ù´Â À̾߱âÀÔ´Ï´Ù. maxlength´Â ÃÖ´ëÇÑ Çã¿ëÇÏ´Â ±ÛÀÚ¼öÀÔ´Ï´Ù. ¸¸ÀÏ maxlength °ªÀÌ ¾ø´Ù¸é ³¡¾øÀÌ ½áµµ µË´Ï´Ù. ³¡¾øÀ½ÀÌ ±âº»°ªÀ̶ó´Â À̾߱âÁö¿ä.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
<input type=text size=±ÛÀÚ¼ö maxlength=±ÛÀÚ¼ö>
</form>

À§¿¡¼­ º¸ÀÌ´Â ºó Ä­ÀÌ ¹Ù·Î <input type=text> ű׷Π¸¸µé¾îÁø °ÍÀÔ´Ï´Ù. ±×·¸½À´Ï´Ù. ¹Øµµ³¡µµ ¾øÀÌ Ä­¸¸ ¸¸µé¾îÁöÁö¿ä. ±×·¯´Ï±î <form>ÀÇ Å±׵鸸Àº µÚ¿¡¼­ µ¹¾Æ°¡´Â ¸í·É¾îµéÀÔ´Ï´Ù. ±×°ÍÀÌ <input type=text>¶ó´Â °ÍÀº ¸¸µç »ç¶÷ÀÌ ¾Ë°í, ºê¶ó¿ìÀú°¡ ÀоîÁÖ±ä ÇÏÁö¸¸ ¼Õ´Ô ÀÔÀå¿¡¼­ º¸ÀÚ¸é ±×°÷¿¡ ¹«¾ùÀ» ½á¶ó´Â °ÍÀÎÁö´Â ¾Ë ¼ö°¡ ¾ø½À´Ï´Ù. ±×·¡¼­ ÀÌ·¸°Ô ½á¾ß ÇÕ´Ï´Ù.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
À̸§? <input type=text size=20 maxlength=30>

À̸§?

À̰͵µ ¸¾¿¡ µéÁö ¾ÊÀ¸¸é Á»´õ È®½ÇÇÏ°Ô ÇØÁÙ ¼ö ÀÖ½À´Ï´Ù. value ¾îÆ®¸®ºäÆ®¸¦ ¾²¸é µÇÁö¿ä.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
À̸§? <input type=text size=20 maxlength=30 value=¿¹)°­Ã¢·¡>
</form>

À̸§?


ÀüÈ­¹øÈ£ Ä­ÀÌ¾ß °°Àº ¹æ¹ýÀ¸·Î Çϳª ´õ ¸¸µé¾î ÁÖ¸é µÇ°ÚÁÒ.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
À̸§? <input type=text size=20 maxlength=30 value=¿¹)°­Ã¢·¡>
ÀüÈ­¹øÈ£? <input type=text size=20 maxlength=30
value=¿¹)011-123-4568>
</form>

À̸§?
ÀüÈ­¹øÈ£?


ÀÌÁ¨ À̰ÍÀ» º¸³»¶ó°í ÇÒ ´ÜÃß ¸¸µé±â°¡ ³²¾Ò±º¿ä. º¸³»±âsubmit¸¦ À§ÇÑ ´ÜÃß ¿ª½Ã <input type>À¸·Î ¼³Á¤ÇÕ´Ï´Ù. º¸³»±â ´ÜÃ߸¦ À§ÇÑ type °ªÀº submitÀÔ´Ï´Ù. ¼­ºê¹Øsubmit¶ó´Â ³¹¸»Àº ¹«¾ùÀΰ¡(¿¹¸¦ µé¸é ¸®Æ÷Æ®)¸¦ Á¦ÃâÇÑ´Ù´Â ¶æÀ» °¡Áö°í ÀÖ½À´Ï´Ù. °£´ÜÇϰڱº¿ä. ´ÙÀ½À» º¸¼¼¿ä.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
À̸§? <input type=text size=20 maxlength=30 value=¿¹)°­Ã¢·¡>
ÀüÈ­¹øÈ£? <input type=text size=20 maxlength=30
value=¿¹)011-123-4568>
<input type=submit>
</form>

À̸§?
ÀüÈ­¹øÈ£?


±×·±µ¥ <input type=submit>󷳸¸ Çϰí value °ªÀ» ½áÁÖÁö ¾ÊÀ¸¸é ´ÜÃß À§¿¡ Àú·¸°Ô ÀÌ»óÇÑ ¸»ÀÌ ¿Ã¶ó¿É´Ï´Ù. ¹º°¡ º¸³»ÁÖ±ä Çϰڴٴ ¸» °°Àºµ¥ Àß ¾È¾²´Â ¸»ÀÌÁÒ? value=º¸³»±â¸¦ ´Þµµ·Ï ÇÕ´Ï´Ù.
´ÙÀ½¿¡´Â Ȥ½Ã À߸ø ½èÀ¸¸é óÀ½ºÎÅÍ ´Ù½Ã ¾²°í ½ÍÀ» ¶§ ¾²´Â ´ÜÃß, reset ´ÜÃ߸¦ ¸¸µé¾îº¸ÁÒ. ¹¹, °£´ÜÇϰÚÁÒ? <input type=submit ´ë½Å¿¡ resetÀ̶ó°í ½áÁÖ¸é µË´Ï´Ù.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
À̸§? <input type=text size=20 maxlength=30 value=¿¹)°­Ã¢·¡>
ÀüÈ­¹øÈ£? <input type=text size=20 maxlength=30
value=¿¹)011-123-4568>
<input type=submit value=º¸³»±â> &nbsp;&nbsp;<input type=reset>
</form>

À̸§?
ÀüÈ­¹øÈ£?
   


<input type=reset>ÀÇ °æ¿ìµµ value °ªÀ» ÁÖÁö ¾ÊÀ¸´Ï Áö°¡ ¾Ë¾Æ¼­ ±ÛÀ» ´Ù´Â±º¿ä. ±×·¯³ª ÀÌ ¿ª½Ã ¸¶À½´ë·Î ±ÛÀ» ÁÙ ¼ö ÀÖ½À´Ï´Ù. ¿¹¸¦ µé¸é value=´Ù½Ã! 󷳿ä! ÀÚ, ÀÌÁ¨ ¸¶Áö¸·À¸·Î Å×ÀÌºí ¾È¿¡ À̰͵éÀ» ³Ö°í Á¤¸®Çغ¾´Ï´Ù.

<form action=mailto:badacopy@orgio.net method=post enctype=text/plain>
<table border=4 bordercolor=silver cellspacing=0 cellpadding=3>
   <tr>
      <td width=100>À̸§?</td>
      <td width=200>
<input type=text size=20 maxlength=30 value=¿¹)°­Ã¢·¡></td>
   </tr>
   <tr>
      <td>ÀüÈ­¹øÈ£?</td>
      <td>
<input type=text size=20 maxlength=30 value=¿¹)011-123-4568></td>
   </tr>
   <tr>
      <td colspan=2 align=center>
<input type=submit value=º¸³»±â> <input type=reset value=´Ù½Ã!></td>
   </tr> </table>

À̸§?
ÀüÈ­¹øÈ£?


±×·±µ¥, º¸³»±â ´ÜÃ߸¦ ÄÛ Âï¾îµµ ¸ÞÀÏÀÌ °¡Áö ¾Ê°í »õ¸ÞÀÏ Ã¢¸¸ Çϳª ¿­¸®Áö ¾Ê³ª¿ä? ¾Æ¹«Æ°, ¸ÞÀÏÀÌ °¡Áö ¾ÊÀ» °Ì´Ï´Ù. ¾Æ¹«·¡µµ ¹®Á¦°¡ ÀÖÀ» °Å¿¹¿ä. »¡¸® ´ÙÀ½ ÂÊÀ¸·Î ³Ñ°Üº¸¼¼¿ä!