이미지로 submit버튼 만들기

submit 이미지버튼 사용하기

이미지 버튼 사용하기

앞의 회원가입 폼에서 등록 버튼과 취소 버튼을 일반적인 이미지로 사용하여 경우가 있다. 이런 경우에는 위의 소스를 입력하면 정상적으로 동작하지 않을 것이다. 만일 이미지 버튼을 이용하고자 할 경우에는 다음과 같은 소스를 수정하여 보자.

① onsubmit 변경
<form action="register_member_insert.asp" method="post" omsubmit="return CheckForm()" name="regform"> ⇒
<form action="register_member_insert.asp" method="post" omsubmit="CheckForm()" name="regform">

② submit 버튼 변경
<INPUT type="submit" value="등 록" id=submit1 name=submit1>
<INPUT type="reset" value="취 소" id=reset1 name=reset1>
⇒
<a href="javascript:document.regform.onsubmit()"><img src=../img/reg.gif border=0></a>
<a href="javascript:document.regform.reset()"><img src=../img/cancel.gif border=0></a>

※자료출처 : http://tong.nate.com/nude90/14896126