開発中の備忘録 HTML FORM 画像ボタン ロールオーバー

WEBページ製作中の備忘録…
FORMで「送信」とか「戻る」ボタンを画像にして更にロールオーバーさせる場合。

▼[送信]ボタン
　<input type="image"> に下記のような onmouseover等の一文を加える

<input type="image" src="/images/btn-sosin.gif" alt="送信" border="0" onmouseover="this.src='/images/btn-sosin-on.gif'" onmouseout="this.src='/images/btn-sosin.gif'">

btn-sosin.gif 送信ボタン
btn-sisin-on.gif マウスがボタンの上の時に表示するボタン

▼[戻る]ボタン
　（DreamWaverが作成したソースをそのまま使用、MM_swapImage等はHEAD部のJavaScriptで定義されている）
　リンク先にはJavaScriptを使って１ページ戻る機能を埋め込む

<a href="JavaScript:history.back();" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('back','','/images/btn-back-on.gif',1)"><img name="back" border="0" src="/images/btn-back.gif" width="60" height="20"></a>