inputタグ（type=”image”）の謎

1年以上前の記事です。内容が古い可能性があります。

submitボタンをどうしても画像にしたいらしい。

<input type="submit"...

のところを

<input type="image"...

に変えて画像にしたらなぜだかフォームから送られる文字列に
x=3（任意の数字）やらy=12（任意の数字）等という不思議な数字が含まれる。
しかもボタンを押すたびに数字が変わってくる。これはいったい。。？

そこでいろいろ調べてみると、これはどうもsubmitボタンで使った画像をクリックした時のマウスポインタの座標のようだ。
そこで、inputタグの仕様を調べてみた。
http://www.hajimeteno.ne.jp/html40/i/input-image.html
やはり、データ送信時はクリック地点に関する情報も送られます。とのこと。

こいつを使って何かゲームでも作れそうな気もする。
あ、Hなの思いついた（爆）

ちなみに、submitボタンを画像にするのは数通りのやり方があって、

1. <input type="image"...

2. <button type="submit"...

　　　<img src="...

　 </button>

3. <img onclick="document.フォーム名.submit();"...

等が考えられます。

詳しくはこのあたりを参考に
□送信ボタン・リセットボタンに画像を用いる
□クリックするとフォーム内容を送信する