单击带有图像按钮的提交表单Javascript

嘿，我有这张表格

    <form method="POST" action=''>
<input type="hidden" name="op" value="download1">
<input type="hidden" name="usr_login" value="<TMPL_VAR usr_login>">
<input type="hidden" name="id" value="<TMPL_VAR file_code>">
<input type="hidden" name="fname" value="<TMPL_VAR file_name>">
<input type="hidden" name="referer" value="<TMPL_VAR referer>">
<div class="premium-download"><input name="method_premium" value="<TMPL_VAR lang_premium_download>" type="image" src="images/premium-download.png" alt="<TMPL_VAR lang_premium_download>" border="0" /></div>
<div class="free-download"><input name="method_free" value="<TMPL_VAR lang_free_download>" type="image" src="images/free-download.png" alt="<TMPL_VAR lang_free_download>" /></div>
</form>

如何从图像输入提交表单（请参见最后两个字段）？现在他们被设置为图像类型，我知道默认情况下他们不会提交表单。有人能帮忙吗？我被告知要用javascript来做这件事：“type”设置为“image”的输入元素的行为（几乎）与“submit”输入完全相同。这“几乎”完全是因为你还可以得到鼠标点击的坐标，而你不能得到输入元素的“值”

---

如果你想通过点击“图像”输入来提交值，最简单的方法就是多做几个隐藏输入。

我最初误解了你的问题。如前所述，

元素确实提交表单。然而，如果您希望获得比图像输入更多的通用性，我的答案仍然适用

---

我被告知要用javascript来做

不要使用

元素<代码>元素的工作方式类似于

，只是它们可以被设置为没有边框、透明，并且可以包含其他HTML。例如：

<button type="submit" name="method_premium" value="<TMPL_VAR lang_premium_download>">
  <img src="images/premium-download.png" alt=alt="<TMPL_VAR lang_premium_download>" />
</button>

" />

用CSS设置按钮样式（

边框：无；背景色：透明；

）就可以了

使用

按钮

元素创建的按钮的功能与使用

输入

元素创建的按钮类似，但它们提供了更丰富的呈现可能性：

按钮

元素可能具有内容。例如，包含图像功能的

按钮

元素类似于

输入

元素其类型设置为“图像”的ent，但

按钮

元素类型允许内容

---

我不知道您想要实现什么，但您可以使用JavaScript提交表单。最好使用@Andy E建议的按钮：

<form method="POST" name='myForm'>   
...
...


<script lang="javascript">
function SubmitForm()
{
  document.forms['myForm'].submit() ;
}
</script>

...
...
函数SubmitForm（）
{
document.forms['myForm'].submit（）；
}

假设不正确。“图像”类型提交表单。但您没有“操作”，因此这可能是您的问题。