html - 使用锚元素提交表单，不使用 javascript

Question

score 30 · Accepted Answer

您不能<a>单独使用标签提交表单。如果您坚持使用标签，您将需要某种类型的 javascript 来提供帮助：<a>

<a href="#" onclick="$(this).closest('form').submit()">Submit the Form</a>

或者

<a href="#" onclick="document.getElementById('form-id').submit()">Submit the Form</a>

或超级黑客：

<a href="backendPage.php?param1=yes&param2=no">Submit the Form</a>，然后在 backendPage.php 上，您可以使用$_GET请求来处理信息，并将访问者重定向到预期页面。但这是一个可怕的想法哈哈

score 22 · Accepted Answer

尝试这个：

CSS

button {
    background:none!important;
    border:none; 
    padding:0!important;
    /*border is optional*/
    border-bottom:1px solid #444; 
}

HTML

<button>your button that looks like a link</button>

score 7 · Accepted Answer

这可以达到同样的效果，看起来像 <a>

注： btn btn-link来自bootstrap

<button class="btn btn-link" type="submit"><img src="icon.png" /></button>

score 0 · Accepted Answer

还有另一种出路。使用此方法，您可以使用任何元素来提交表单。下面是一个例子：

<span onclick="$('#submit').trigger('click')" style="cursor:pointer;">
     anything
</span>

添加隐藏的提交按钮：

 <input style="display:none;" type="submit" id="submit"/>

这将与实际提交按钮完全相同。

4 回答 4