Æû ¿ÀºêÁ§Æ¼ºê (form object, forms ¹è¿­ º¯¼ö) Trio ȨÆäÀÌÁö
´ÜÀÏ form, ¹è¿­ forms(<FORM> ¸¶´Ù 1°³ÀÇ form)

¹®¹ý
ÇÑ ÆäÀÌÁö¿¡ ¿©·¯°³ÀÇ <FORM>¸¦ ¸¸µé ¼ö ÀÖ°í ±× ³»¿ëÀ» ¿¬°á(property, method)Çϱâ À§ÇÏ¿©
document.formName.propertyName
document.formName
methodName(parameters)
document.forms[index].propertyName
document.forms[index].methodName(parameters)
document.forms.length


formName<FORM> ÀÇ À̸§(name)
propertyName¹Ì¸® Á¤ÇÑ form property
methodName¹Ì¸®Á¤ÇÑ form method
indexÇÑ form object¸¦ ÁöÁ¤ÇÏ´Â Á¤¼ö
forms[0]´Â ù¹øÂ°, forms[1]Àº µÎ¹øÂ° form, ...
¸¶Áö¸· ¸í·É¹® document.forms.length´Â ±× ÆäÀÌÁöÀÇ ÃÑ form °¹¼ö¸¦ °¡Á®¿Â´Ù.

Ư¼º propertyName
.action<FORM>¿¡¼­ Á¤ÀÇ µÈaction attribute
.elementsformÀÇ ¸ðµç elements (fields)¸¦ ¹Ý¿µ ÇÑ ¹è¿­ º¯¼ö
.encoding<FORM>¿¡¼­ Á¤ÀÇ µÈ enctype attribute
.lengthform ¹è¿­ º¯¼öÀÇ °¹¼ö
.method<FORM>¿¡¼­ Á¤ÀÇ µÈ method attribute
.target<FORM>¿¡¼­ Á¤ÀÇ µÈ target attribute
¿ÀºêÁ§Æ® objectName
´ÙÀ½ object´Â ÀÏÁ¾ÀÇ property ÀÌ´Ù. <FORM>...</FORM> ¼ÓÀÇ <INPUT> ·Î ¸¸µé¾î Áø´Ù.
button objectŬ¸¯ ÇÒ ¼ö ÀÖ´Â(clickable) ´ÜÃß(button)
checkbox objectüũ ¹Ú½º(checkbox)
hidden object°¨ÃçÁø(hidden) ¹®ÀÚ¿­
password object¾ÏÈ£{password box}
radio object·¹µð¿À ´ÜÃß(radio button)
reset objectÃë¼Ò ´ÜÃß(Reset button)
select object¼±Åà ¹Ú½º(select box (drop-list))
submit object¹ß¼Û ´ÜÃß(Submit button)
text objectÅØ½ºÆ® ¹Ú½º(text box)
textarea object¿©·¯ ÁÙ ÀÔ·ÂÇÏ´Â ÅØ½ºÆ® ¹Ú½º(multi-line text box)
forms ¹è¿­ º¯¼ö¿¡´Â .length ÇÑ °¡Áö property ¹Û¿¡ ¾ø½¿
¹æ¹ý methodName
.submit(): ¹ß¼Û ´ÜÃß(Submit button)¸¦ Ŭ¸¯ ÇßÀ» ¶§

À̺¥Æ® event handler
onSubmit: ¹ß¼Û ´ÜÃß(Submit button)¸¦ Ŭ¸¯ ÇßÀ» ¶§
¼³¸í
°¢ formÀº À¯ÀÏ ÇÑ ¸íĪ(name="À̸§"·Î ¸í¸í)°ú ÀÚµ¿ÀûÀ¸·Î »ý¼ºµÇ´Â ¼öÄ¡(number)¸¦ °®´Â´Ù. ÆäÀÌÁö¿¡ formÀÌ Çϳª ¹Û¿¡ ¾ø°í À̸§ÀÌ ¾ø´õ¶óµµ document.forms[0]·Î ºÒ·¯³¾ ¼ö ÀÖ´Ù.

¿¹Á¦ if ¹®À¸·Î e-mail ÁÖ¼Ò Á¡°Ë
¿¹Á¦ üũ ¹Ú½º (check box) ¿¹Á¦
¿¹Á¦ ³², ³à ¼±Åà ·¹µð¿À ´ÜÃß(radio button) ¿¹Á¦
¿¹Á¦ ¿¤·¹¸àÆ® ¹è¿­ º¯¼ö(element array) ¸ñ·Ï


ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/js/jsformobj.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.