html - Twitterブーストラップのフォームに画像ボタンを作成するには?

Question

現在、次のような画像があります。

    <img src="xyz.jpg"  width="80" height="80" id = "wp" alt="wp">
 <img src = "abc.jpg"  width="80" id = "tm" height="80" alt="tm">

そして、その上に onclick を書きます:

$('img#wp').click(function() {


});

これに関する問題は、クリックされた画像に応じてフォームに値を挿入するためにこれを使用できないことです。また、画像がボタンとして表示されないため、モバイルやタブレットには正確に反応しません。それについてどうやって行くのですか？

score 1 · Accepted Answer

を使用<button>してフォームを送信し、ボタン内にイメージタグを含めることもできます

<button name="buttonName" value="buttonValue" type="submit">
   <img src="xyz.jpg" alt="" />
</button>

score 0 · Accepted Answer

<input type="image" src="http://www.luvvitt.com/skin/frontend/default/luvvitt/images/submit.png" alt="Submit Form" class="btn"/>

2 に答える 2