form 개체에서 재설정(reset) 단추를 클릭하는 것과 같는 효과를 낸다.
파라메터는 없다.
반환값은 없다.
reset 메서드는 form 개체에서 onreset 이벤트를 발생시킨다.
onreset 이벤트가 발생되면 해당 form 개체 속의 모든 엘레멘트들의 값은 디폴트값인 원래의 값들로 환원된다. 추가적으로 이벤트처리자에서 다른 코드를 수행하게 할 수 있다.
| 개체 | script | IE |
|---|
이 메서드는 (영어)DOM Level 1(Document Object Model Level 1)에서 정의되었다.
form 개체의 모든 입력을 reset 메서드로 내용을 원래의 상태로 환원한다. 추가적인 이벤트처리자로 코드를 수행할 수 있다.
<HTML>
<HEAD>
<SCRIPT>
function doReset(){
showA.innerHTML='form1.oText1.innerText+[<FONT color=brown>'+form1.oText1.value+']</FONT>가 재설정되어,<BR>';
showA.innerHTML+='원래대로 [<FONT color=blue>'+form1.oText1.defaultValue+'</FONT>]로되었다.<BR>';
}
</SCRIPT>
</HEAD>
<BODY>
<DIV id="oDiv1" style="border:solid 1 black; background:#eeeeee; padding:5px;">
<FORM name="form1" onreset="doReset();">
<B>문자열을 입력한다.</B> <INPUT type="text" name="oText1" value="당초의 입력 문자열">
<BUTTON onclick="form.reset();">재설정</BUTTON>
</FORM>
</DIV>
<DIV id="showA"></DIV>
</BODY>
</HTML>