在带有标签的一个表单中使用多个提交按钮？

Question

我正在使用带有标签的提交按钮。然而，还需要使用一个按钮。我可以在一个表单中使用两个带有标签的提交按钮吗？<div>    ...    <form id="action-1" action='my action1 html' method="post">        <input class="mini-action" type="text" name="mini" value="1">    </form></div><div class="details">    // A tag submit button currently in use    <a title="action1" href="#" onclick="document.getElementById('action-1').submit()">action-1</a></div><div class="details">    // ToDo: Here I want to send to action2 url when submit button is clicked.    <a title="action2" href="#" onclick="document.getElementById('action-2').submit()">action-2</a></div>

Answer 1

您使用的标签不是提交按钮，而是被劫持以充当按钮的链接，此外，将提交按钮放置在它们提交的表单中被认为是最佳实践。

您可以使用属性覆盖提交按钮的操作formaction

<form action="action-1">

  <!-- input fields go here -->

  <button type="submit">this will trigger action-1</button>

  <button type="submit" formaction="action-2">this will trigger action-2</button>

</form>