送信ボタンを画像にすると座標が?

お問い合せフォームの送信ボタンを
画像にすると、届くメールに座標が表示される。

座標

気にしなくてもいいのかもしれませんが、
やっぱり気になったので他の方法でクリア手
ボタンを画像にすると、座標が表示される。
<
input type="image" src="image/sample.jpg"  alt="送信する" width="200" height="40">

いろいろ試して、一番シンプルだなって思ったのがこれ。
<input type="submit" value="" style="background:url('img/submit.jpg');width:145px;height:28px;border:0px solid;cursor:pointer;" />

以下引用

注意点としては、
submitボタンに当て込む画像は、予め任意の大きさのものを用意しておくということ。
画像のサイズを後からCSSで変更することはできない。
そして画像と同じ大きさのwidthとheightを別途指定してやる必要があるという点。


上記の例ではstyle属性に直接書き込んでいるが、
もちろんこれは外部CSSで定義してもよい。
ただし、マウスオーバ時の画像切替はhoverでやらないほうがよい。

これはIE6がinput要素でhoverを利用することをサポートしてないから。

なのでマウスオーバの画像切替はjavascriptを使った書き方が個人的には好ましい。

少し長くなるがマウスオーバで画像を切り換えるのを先述した例にプラスするとこうなる。
<input type="submit" name="btn_submit" value="" style="background:url('img/submit.jpg');width:145px;height:28px;border:0px solid;cursor:pointer;" onmouseover="this.style.background='url('img/submit_on.jpg)';" onmouseout="this.style.background='url('img/submit.jpg')';" />

pagetop