여기서 this는 입력폼(form) form1을 지칭하고, 송신되면(onsubmit) 그 입력폼의 소속의 입력 필드에서 in1 과 in2 의 값(.value)을 결합하여 경고를 보낸다. 문자 \n은 경고에서 줄바꿈 하라는 것.

리셋(reset)은 해당 입력폼(form)의 내용을 모두 초기값으로 환원한다. 이벤트 onreset를 이용하여 다른 임무를 수행도 시킬 수 있다.

<A name=example1></A>
<FORM name="form1" action=#example1
  onSubmit="alert('송신됩니다.\n'+this.in1.value+' '+this.in2.value)"
  onReset="alert('입력폼이 원상태로 환원됩니다')">
<INPUT type="text" name="in1" value="안녕하세요"><BR>
<INPUT type="text" name="in2" value="KoXo Javascript 입니다."><BR>
<INPUT type="submit" value="송신(submit)"> <INPUT type="reset" value="다시(reset)"><BR>
</FORM>

<SCRIPT>document.onload=form1.in2.select() // 문서가 로딩되면 해당 필드를 선택(select)</SCRIPT>

같은 내용의 이벤트를 송신단추와 리셋단추에 onclick 이벤트를 이용하여 줄 수 있다.

<FORM name="form2" action="#example1">
<INPUT type="text" name="in1" value="안녕하세요"><BR>
<INPUT type="text" name="in2" value="KoXo Javascript 입니다."><BR>
<INPUT type="submit" value="송신" onClick="alert('송신됩니다.\n'+this.in1.value+' '+this.in2.value)"
<INPUT type="reset" value="다시" onClick="alert('입력폼이 원상태로 환원됩니다')"><BR>
</FORM>

<FORM name="formchange">
<INPUT type="text" name="inchange" value="내용을 수정해 보시오." onChange="alert('['+this.value+']로 수정되었습니다.')">
</FORM>

송신되면 페이지를 이탈하므로 부위 지정자(target="example3")로 현위치로 다시 오게 했다.

<SCRIPT>
function getValue(){
  len=form3.sel1.length; // 선택 사항의 갯수를 산정한다.

for (i=0;i<=len;i++){
    if (form3.sel1[i].selected){  // 선택 사항 목록 중 선택된 내용을 발췌한다.
      if (i=='0') color='pink'
      if (i=='1') color='yellow'
      if (i=='2') color='aqua'
      if (i=='3') color='lightgreen'
      if (i=='4') color='orange';
      alert('선택된 색상은 '+color+' 입니다');
    }
  }
/* alert('선택된 색상은 '+form3.sel1.options[form3.sel1.selectedIndex].value+' 입니다');
   간단하게 기능함수함수 내용 전체를 이것으로 대체할 수 있다. */
}
</SCRIPT>

<A name=example3></A> <!송신후 다시 찾아올 부위 지정자>
<FORM name="form3" onSubmit="getValue()" action="#example3"> <!A href=#example3 에 해당>
<SELECT name="sel1">
<OPTION value="pink">pink</OPTION>
<OPTION value="yellow">yellow</OPTION>
<OPTION value="aqua" selected>aqua</OPTION>
<OPTION value="lightgreen">lightgreen</OPTION>
<OPTION value="orange">orange</OPTION>
</SELECT>
<INPUT type="submit" value="송신"><INPUT type="reset" value="다시">
</FORM>

this.value는 해당 개체의 값, msg 는 기능함수를 호출할 때 받은 값

<SCRIPT>function showit(msg){alert(msg+' 선택했습니다')}</SCRIPT>;

<FORM name="f3">입력칸에서 문자를 선택해 보라<BR>
<INPUT type="text" size=4 name="i1" onSelect="showit(this.value)" value="청색"><BR>
<INPUT type="text" size=4 name="i2" onSelect="showit(this.value)" value="노랑"><BR>
<INPUT type="text" size=4 name="i3" onSelect="showit(this.value)" value=="녹색"><BR>
</FORM>