html - フォームの送信として 2 つの画像を使用する

Question

重複の可能性:
CSS を使用して入力ボタンの画像を変更するには?

フォームの送信ボタンとして 2 つの画像を使用することはできますか?

2 つのフラグ (.png) を持つ言語選択ページがあります。ユーザーがフラグをクリックすると、フォームが送信されるようにしたいのです。

どうすればそれを行うことができますか？

Answer 1

<a href="javascript:document.myform.submit()" name="flag1">
    <img src="img1.png" width="20" height="10" alt="" />
</a>

<a href="javascript:document.myform.submit()" name="flag2">
    <img src="img2.png" width="20" height="10" alt="" />
</a>

それはうまくいくはずです:)フォーム要素の属性に変更javascript:document.myform.submit()することを忘れないでください。name

Answer 2

これはインライン イベントで可能ですが、純粋な Javascript または jQuery を使用することをお勧めします。jQuery は、クロスブラウザーの実装をカバーします。

例 (jQuery を使用):

$("#imgID").click(function(){
    $("#formID").submit();
});

Answer 3

次のようなJavaScriptを使用できます

<img src="image.png" onclick="submit_form()" />
<img src="image.png" onclick="submit_form()" />

JavaScript 関数

function submit_form()
{
  // If you want to change action then

  document.form_name.action="your action";

  document.form_name.submit();
}

Answer 4

パラメータも渡すためにこれを試してください：

<form name="FormularName">
    <input type="hidden" name="valueField" />
    <a href="#" onclick="submit_form('Flag1')"><img src="image1.jpg" /></a>
    <a href="#" onclick="submit_form('Flag2)"><img src="image2.jpg" /></a>
</form>

JS:

function submit_form(value) {
    document.FormularName.valueField.value = value;
    document.FormularName.submit()
}