如何使用 Anchor 标签作为提交按钮？

Anchor 标签也可以用作提交按钮，只需要添加一个 href 属性和一个 onclick 事件即可。

<a href="#" onclick="document.forms[0].submit(); return false;">提交</a>

在 onclick 事件中，我们使用 document.forms[0].submit() 来提交表单。而 return false; 防止表单重复提交和页面跳转。

如果你想自定义按钮的样式，可以使用 CSS 来修改。

<style>
  .btn {
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid #007bff;
    border-radius: 4px;
    text-decoration: none;
  }
</style>

<a href="#" onclick="document.forms[0].submit(); return false;" class="btn">提交</a>

这样就可以使用自定义样式的 Anchor 标签作为提交按钮了。

参考链接：

• How to Use Anchor Tag as a Submit Button