html - 使用标签处理表单的 HTML

Question

可能重复：
如何最好地使链接提交表单

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" href=""><span>Buy Now</a>
</form>

在上面的代码中，如何使用<a>标签来处理表单？我不想使用提交按钮，因为我的大多数 css 代码只识别该属性。

Answer 1

您可以使用 javascript 提交表单

document.forms["myform"].submit();

Answer 2

像这样使用jquery：

<form id="myForm" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" onclick="$('#myForm').submit();" href="#"><span>Buy Now</a>
</form>

你必须为此包含 jquery

或纯javascript：

<form id="myForm" action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="POST">
....
<a class="button" onclick="document.forms["myForm"].submit();" href="#"><span>Buy Now</a>
</form>

Answer 3

您可以在 JavaScript 的帮助下触发提交。

document.getelementById("btn_submit_link").onclick = function () {
     document.forms["name-of-form"].submit();
}

请注意，链接应该有一个id属性，在这种情况下是btn_submit_link.