´ÜÀÏ 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 |
| .elements | formÀÇ ¸ðµç elements (fields)¸¦ ¹Ý¿µ ÇÑ ¹è¿ º¯¼ö |
| .encoding | <FORM>¿¡¼ Á¤ÀÇ µÈ enctype attribute |
| .length | form ¹è¿ º¯¼öÀÇ °¹¼ö |
| .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) ¸ñ·Ï
|