POST/PUTアイコンを作成するにはどうすればよいですか？

Question

<input type=image ...>は、x、y座標を提出するため移動する方法ではありません。

私はアイコンをクリックすると、私はPOSTまたはPUTとして提出したいので、いくつかform, inputアクションがあるはずです。

<form action="" method="PUT" name="abc_table_form"> 
    display icons 

</form> 

それを行うための正しい方法は何ですか？

ありがとうございました。

---

<table> 
    <row1> <form action="http://google.com/123/"> <button> icon1 </button></form> </row1> 
    <row2> <form action="http://google.com/456/"> <button> icon1 </button></form> </row2> 
</table> 

フォームは、テーブルに余分なスペースが追加されます。それは醜く見えます。フォーム内のアクションは異なります。<button>はformのアクションに基づいています。これに対処する正しい方法は何ですか？

Answer 1

フォームonly support POST and GET。

画像入力はPOSTフォームを送信します（ただし、画像はサーバー側の画像マップとして使用するように設計されているため、画像上に座標を送信しない限り実際には適切ではありません）。

<button type="submit"> <img src="..." alt="Submit"> </button>は、イメージを使用してフォームを送信する意味があります（Internet Explorerのバージョンによってはこれに応じて奇数値が送信されます）。

ブラウザから他の方法（つまりPUT）を使用してHTTPリクエストを作成する場合は、XMLHttpRequestを使用してJavaScriptを使用して構築する必要があります。これに対するブラウザのサポートは少し変わります。

Answer 2

<table> 
<tr><td> <form action="..." method=POST><button><img src=test.png alt=Test></button> 
    <input type=hidden name=foo value=bar></form> 
<tr> ... 
</table> 

つまり、各画像をボタンでラップし、ボタンを独自の形式でラップします。フォームのすべてが同じaction属性を持っていても、異なるデータ（この例ではパラメータfooの異なる値）を純粋なHTML形式で渡すためには、別々のフォームが必要です。理由は、隠しフィールドを使用してこれを行い、囲むフォームに関連するためです。スタイリング

、これらの検討：

形{ディスプレイ：インライン。 } button {border：none;パディング：0; }

画像がクリック可能なように見えるようにするため、ページ上の散文で説明する必要があります。

フォームを表の行にラップさせることはできません（もちろん、1行のテーブルの場合は除く）。それぞれのフォームの中にさまざまなパラメータを別々に入れておかなければなりません（異なったフォーム内に同じinput type=hidden要素を持つことに問題はありません）。とにかくプログラムでページを生成している可能性がありますし、プログラムは鈍いことをしたいと思っています。