如何在twitter bootstrap中创建表单中的图像按钮？

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

您可以使用image submit button

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