html - 使用两个图像作为表单的提交

Question

可能重复：
如何使用 CSS 更改输入按钮图像？

是否可以使用两个图像作为表单的提交按钮？

我有一个带有两个标志（.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()
}