Prześlij formularz przy użyciu elementu kotwiącego <a>, bez javascript

Question

Jak zamienić przycisk przesyłania na link bez użycia javascript? czy istnieje jakiś sposób dodania atrybutu submit do linku? ponieważ formularz nie zostanie wysłany przez prosty link bez "przesłania".

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

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

    </div>   
</form:form> 

pracuję w sieci aplikacji, więc jeśli mogę użyć javascript link nie zostanie odwzorowany przez serwer ..

Answer 1

Spróbuj tego:

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 2

Nie można przesłać formularza za pomocą samego znacznika <a>. Ci będzie potrzebują pewnego rodzaju javascript, aby pomóc, jeśli nalegać na użyciu <a> tag:

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

lub

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

lub Super Hack:

<a href="backendPage.php?param1=yes&param2=no">Submit the Form</a>, następnie na backendPage.php można użyć żądań $_GET do przetwarzania informacji, oraz przekierować gościa na zamierzoną stronę. Ale to straszny pomysł haha ​​

Answer 3

Można osiągnąć ten sam wysiłek i wygląda <a>

Uwaga:btnbtn-link pochodzi z bootstrap

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