使用<a>锚元素提交表单,不使用javascript

Question

如何使用链接替换提交按钮而不使用javascript？有没有办法将提交属性添加到链接？因为没有"提交",表单不会通过简单的链接发送.

<form:form action="/getPage" >
     <div class="buttons">

         <a class="link" href=""> 
           <img src="icon.png" />
         </a>

     </div>         
</form:form>

我在应用程序网络中工作,所以如果我使用javascript链接将不会被服务器映射..

Answer 1

您无法<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请求来处理信息,并将访问者重定向到预期的页面.但那是一个可怕的想法哈哈

Answer 2

试试这个:

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>

Answer 3

这可以实现相同的努力，看起来像 <a>

注： btn btn-link来自bootstrap

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