使用正常的链接提交表格

我想提交一个表格。 但我没有去使用inputbutton的提交types，但一个链接的基本方式。

下面的图片显示了原因。 我正在使用图像链接来保存/提交表单。 因为我有图像链接的标准css标记，我不想使用input提交button。

我试图应用onClick =“document.formName.submit（）”到一个元素，但我更喜欢一个HTML方法。

有任何想法吗？

Answer 1

两种方式。 要么创build一个button和样式，所以它看起来像一个链接与CSS，或创build一个链接，并使用onclick="form.submit();" 。

Answer 2

据我所知，如果没有某种forms的脚本，你不可能真的做到这一点。

 <form id="my_form"> <!-- Your Form --> <a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a> </form> 

从这里的例子。

Answer 3

只是样式一个<input type="submit" class="linkButton" />像这样为我工作：

 .linkButton { background: none; border: none; color: #0066ff; text-decoration: underline; cursor: pointer; } 

 <input type="submit" class="linkButton" /> 

Answer 4

您正在使用图像提交..所以你可以简单地使用一个type="image"input“button”：

 <input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" /> 

Answer 5

使用：

 <input type="image" src=".."/> 

要么：

 <button type="send"><img src=".."/> + any html code</button> 

加上一些CSS

Answer 6

当然，纯粹的HTML没有解决方法，只能通过链接（ a ）标签来提交表单。 标准的HTML只接受button或图像。 正如其他一些合作者所说，可以使用button来模拟链接的外观，但我想这不是问题的目的。

恕我直言，我相信build议和接受的解决scheme是行不通的。

我已经testing了一个表单，浏览器没有find表单的参考。

所以可以用一行JavaScript来解决这个问题，使用this对象来引用需要提交的被单击的元素，它是一个表单的子节点。 所以this.parentNode是表单节点。 之后它只是调用这个forms的submit()方法。 从整个文档中find正确的表单是没有必要的。

 <form action="http://www.greatsolutions.com.br/indexint.htm" method="get"> <h3> Enter your name</h3> First Name <input type="text" name="fname" size="30"><br> Last Name <input type="text" name="lname" size="30"><br> <a href="#" onclick="this.parentNode.submit();"> Submit here</a> </form> 

假设我input我自己的名字：

我已经使用了表单方法属性，因为可能在提交后在加载页面的URL中看到正确的参数。

 http://www.greatsolutions.com.br/indexint.htm?fname=Paulo&lname=Buchsbaum 

这个解决scheme显然适用于任何接受onclick事件或类似事件的标签。

this是一个很好的select，可以将eventvariables （可在所有主stream浏览器和IE9以上版本中）直接使用或作为parameter passing给函数。

在这种情况下，使用属性target ，用下面一行replace标记，表示已启动事件的元素。

 <a href="#" onclick="event.target.parentNode.submit();"> Submit here</a>