メールフォームの Submit ボタンや Reset ボタンを画像化する方法を紹介します。

Submit ボタンは下記の方法で画像に置き換えることが可能なようです。

　<input type="image" src="xxx.gif" alt="送信" name="submit">

　参考： http://park16.wakwak.com/~html-css/form/form_4.html


Reset ボタンは上記の方法は使えないため、Button タグか JavaScript を
使用します。

■ Button の例

<BUTTON type="submit">
  <IMG src="xxx.gif" width="x" height="x">
</BUTTON>
<BUTTON type="reset">
  <IMG src="xxx.gif" width="x" height="x">
</BUTTON>

参考： http://technique.eweb-design.com/1002_sri.html

Button のタグを使用する場合、デフォルトで背景や枠がいてしまうため、下記のようにスタイルを指定する必要があります。

button {
border:none; /*枠を消す*/
background-color:#ffffff; /*ページの背景色と合わせて誤魔化す*/
}

※ ただしボタンタグはマウスオーバー時にマウスポインタが変わらないようです。