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

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">&nbsp; <!-- input fields go here -->&nbsp; <button type="submit">this will trigger action-1</button>&nbsp; <button type="submit" formaction="action-2">this will trigger action-2</button></form>