blog

Formから画像ボタンでgetしたときのxとy

HTMLのformタグを利用してプログラムに値を送出することはよくあると思うのですが、

今回は通常postで送信する値をgetで送信し、かつ、送信ボタンを画像で作成するというケースでした。

このようなケースの場合、なぜだか、xとyというパラメータが
&x=100&y=35のような形で送出されてしまいます。

最初はx、yというパラメータだったので、googleMAPを利用した時のソースが残っていたのかな?と思ってソースを見たのですがどこにも見あたらず・・・。

途方に暮れて、ネットを探すとありました!
http://www.webbibo.com/stylesheet/form/input_image_btn.html

今回はフォームのリセットも同時に作りたかったので、
javascript方式で、

<input type=”image” src=”XXX” onClick=”void(this.form.reset());return false” />
<input type=”image” src=”XXX” onClick=”void(this.form.submit());return false” />

のような感じで作成しました。

これだけ長くやっていて知らなかったことの一つなので、ブログに書いてみました。

カテゴリー: form — 池田 @ 8:00 AM