ÀÔ·ÂÆû(form)¿¡¼­ ÀÔ·ÂÀ» Ãë¼ÒÇÏ°í ÃʱⰪÀ¸·Î Àç¼³Á¤(reset)µÇ¾úÀ» ¶§ ¹ß»ýµÈ´Ù.


À̺¥Æ® ¼Ó¼º
FORM.onreset=handler JScript ¸¸-
FORM.onreset=GetRef('handler') VBScript 5.0-
ÀζóÀÎ HTML <FORM onreset="handler"> ¸ðµç Ç÷§Æ®Æû
¸í¸íµÈ ½ºÅ©¸³Æ® <SCRIPT for= FORM event=onreset> Explorer-
¿ë¹ý
À̺¥Æ®°¡ ¹ß»ýµÇ¸é 'JavascriptCode'¸¦ ½ÇÇàÇÑ´Ù.
Javascript ¿¡¼­´Â
objName.onreset='JavascriptCode'
HTML ¿¡¼­´Â
<FORM onReset="JavascriptCode">
À̺¥Æ® Ư¼º
Bubbles ¾øÀ½
Ãë¼Ò °¡´É
¹ß»ý ¿øÀÎ
µðÆúÆ® ÀÛ¿ë °ü·Ã Äڵ带 ½ÇÇàÇÑ´Ù.
HTML ±Ô°Ý HTML 4.0 ±Ô°Ý

DHTML °³Ã¼ ¸ðµ¨¿¡¼­ À̺¥Æ®Ã³¸®ÀÚ´Â ÆĶó¸ÞÅ͵éÀ» Á÷Á¢ ¹ÞÁö´Â ¸øÇصµ, event°³Ã¼ÀÇ Äõ¸®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.

altKey ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
altLeft ¿ÞÂÊ ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ctrlLeft ¿ÞÂÊ CTRL Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
returnValue À̺¥Æ®·Î ºÎÅÍÀÇ ¹Ýȯ°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
shiftLeft ¿ÞÂÊ SHIFT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
srcElement À̺¥Æ®¸¦ ¹ß»ý½ÃŲ °³Ã¼¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
type À̺¥Æ® °³Ã¼ÀÇ À̺¥Æ® ¸íĪÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Ư±â

À̺¥Æ®°¡ ¹ß»ýµÇ´Â ÀÔ·ÂÆû(form °³Ã¼)¿¡¼­ ÀÔ·ÂÇÑ ¸ðµç »çÇ×ÀÌ ÃʱⰪÀ¸·Î ȯ¿øµÇ´Â ¸®¼ÂÆ®(reset) ´ÜÃ߸¦ ´©¸£°Å³ª, javascript formName.reset() ¸Þ¼­µå·Î form °³Ã¼¸¦ Àç¼³Á¤(reset)ÇÏ´Â °æ¿ì¿¡ ¹ß»ýµÈ´Ù.

À̺¥Æ®°¡ ¹ß»ýÇϸé ÀÔ·ÂÆûÀº ¸ðµÎ Ãʱ⠻óÅ·Πȯ¿øµÇ°í 'JavascriptCode'¸¦ ½ÇÇàÇÑ´Ù.

form °³Ã¼Áß reset °³Ã¼¿¡ ¸¸ Àû¿ëµÇ°í, event °³Ã¼ÀÇ ¼Ó¼ºµéÀ» µû¸¥´Ù.

Javascript »ó¿¡¼­ reset ¸Þ¼­µå·Î form °³Ã¼¸¦ Àç¼³Á¤ÇÒ ¼öµµ ÀÖ´Ù.

formElementObj.onchange=formName.reset();

Àû¿ë
°³Ã¼scriptHTMLIE


onreset À̺¥Æ® ¿¹Á¦


<FORM name="form1" onReset="alert('Àç¼³Á¤ µÇ¾ø½À´Ï´Ù.')">
<INPUT type="text" value="ÀÔ·ÂÇʵå"><BR>
<INPUT type="reset" value="Àç¼³Á¤ ´ÜÃß">
</FORM>

onreset À̺¥Æ®, reset ¸Þ¼­µå ¿¹Á¦

¿ø·¡ÀÇ ¹®ÀÚ¿­ :
<SCRIPT>
function doTry(){
  show.innerText=event.srcElement.nodeName+', '+event.srcElement.name+', '+event.type+' À̺¥Æ® ¹ß»ý';
}
</SCRIPT>
<FORM name="formObj" onreset="doTry();" style="border:1 solid green;padding:5;width:300">
¿ø·¡ÀÇ ¹®ÀÚ¿­ : <INPUT type="text" name="textObj" value="¿ø·¡ÀÇ ¹®ÀÚ¿­" onclick="doTry()"><BR>
<INPUT name="resetObj" type="reset" value="INPUT type=reset">
<BUTTON onclick="form.reset();">form.reset()</BUTTON>
</FORM>
<DIV id="show" style="height:1.2em;border:solid 1 blue;width:300"></DIV>