html - 如何在 twitter boostrap 的表单中创建图像按钮？

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() {


});

问题是我无法使用它根据已单击的图像将值插入表单。图像也不会显示为按钮，因此对手机和平板电脑不完全响应。怎么办？

Answer 1

您可以<button>用来提交表单，还可以在按钮内包含一个图像标签

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

Answer 2

您可以使用图像提交按钮

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