formの送信ボタンをオンマウスで切り替える

*古いやり方ですのでおすすめしません。こういうやり方でもできるんだよ程度にとどめておくことをおすすめします。

お問い合わせフォームなど<form>の送信ボタンを画像にしているとき、ホバー時(ボタンにマウスがのっているとき)に画像を差し替える方法。

<form>
..
..
..
<input src="(画像URL−1)"  onmouseover="this.src='(画像URL−2)'" onmouseout="this.src='(画像URL−1)'" type="image" />
</form>

これで通常時は画像−1に。マウスがのっているときは画像−2に。マウスが離れると再び画像−1に戻ります。