意図していないGETパラメータが、勝手に付与されることがある

HTML

Gist

　状態:- 　閲覧数:2,249 　投稿日:2014-11-18 　更新日:2014-11-18
問題発生
・知らないGETパラメータがいつの間にか付与されてる！

原因は？
・フォーム送信ボタンを画像で作成したから

仕様


フォーム送信ボタンを画像で作成<input type="image>
→クリックしたx,y座標がGET送信される

事例


HTML
<form method="get" action ="">

  <input type="text" name="hoge">

  <input type="image" src="submit.jpg">

</form>


URL
test.php?hoge=&x=24&y=9


画像送信ボタンをクリックすると、クリックした位置（画像内の座標）を送信

　閲覧数:469　投稿日:2014-11-18　更新日:2014-11-18

不明


どこで定義？
・仕様確認しようと探すも結局不明
・これ誰得仕様なの？
・意味分からなくない？
・何で勝手にGETパラメータ付与するの？
・これ受け取ってどうせいっちゅうの！

履歴


知らないGETパラメータが勝手に付与されてる
・原因究明に取り組むも苦戦
・この仕様を知らなかったので、無駄に時間を費やしたよ
・name属性xを探したし、name属性yも探したよ
・グレップ検索したし、includeファイルも全部見た
・それでも分からないので、動作確認のため新たにフォーム設置

値の挙動が不審過ぎてイライラする
・値が不定期で変動する
・挙動が理解できない
・固定なの？
・ランダムなの？
・まさか、xがクリック地点のx座標なんて分かるはずがない
・こんなん分かるか、ボケェー！

サーバ設定？
・サーバ側で何らかの特殊な自動処理を設定しているのかと思ったわ
・「apache」もしくは「.htaccess」？
・全然ちゃうやん！！！！！！

・HTML5/フォーム/input要素 画像で送信ボタンを作る

一つの要素に対して「id 属性値」を複数指定することは出来ない

HTMLオンライン実行環境リアルタイム ／ HTML Instant



類似度ページランキング
順位 ページタイトル抜粋 ％
1 意図していないGETパラメータが、勝手に付与されることがある 90
2 IE8で、フォームの縦位置がどうしても真ん中にこない場合の、最後の手段(案) 32
3 お使いのコンピュータ ネットワークから通常と異なるトラフィックが検出されました 32
4 パッケージ化されてない拡張機能 31
5 ドロワーメニューが表示されない理由 30
6 画像ライセンスについて調査した結果、分かったこと 30
7 borderプロパティでは、線のスタイル・太さ・色について上下左右バラバラの指定を一括することは出来ない 29
8 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 29
9 HTML5では、inputタグの閉じタグを付与しない 29
10 textareaを手動リサイズできない時は、ブラウザを落としてみる 29
11 GIMPで「レイヤーとして開く」を選択した画像、の位置情報(x,y)を表示させる方法が分からない 28
12 いい感じのGIFアニメーションを探してみる 27
13 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある 27
14 「その他」画像フィルタ実行例。パラメータ用途で使用しているだけで元画像との関連性を見た目上視認できない 27
15 rssページが正しく表示されない／Google Chrome 27
16 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない 26
17 一つの要素に対して「id 属性値」を複数指定することは出来ない 26
18 探している「HTML5エディタ」 26
19 「名前を付けて保存」すると、「http://」からのパスがずれる 26
20 Chrome プロファイルが壊れている、と毎回表示されるが、英語なのでどうしたら良いか分からない 26
2024/4/20 1:51 更新
週間人気ページランキング ／ 4-13 → 4-19
順位 ページタイトル抜粋 アクセス数
1 16進数カラーコード ／ 2進数 28
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 15
3 RGB ⇔ Lab | 色変換(色) 13
4 Design 0 11
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 11
5 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 10
6 RGBの種類 ／ ビットカラー | RGB(色) 9
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 7
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 6
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
9 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 5
9 「bgcolor」「background-color」「background」の違い | CSS 5
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 3
10 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
10 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
11 カラーコード ／ 色コード | カラーコード(色) 2
11 「Create Link」代替拡張機能を探した結果は、「CopyTabTitleUrl」でした。 | CopyTabTitleUrl(Chrome 拡張機能) 2
11 イラスト素材 | デザイン 2
11 HTML5でiframeスクロールバーを表示しない方法が不明 | HTML5(HTML) 2
11 HSLとHSVの違い | 色変換(色) 2
2024/4/20 1:01 更新