Question

我有这张表格

<form method="POST" action="http://site.test/nodes/destroy" accept-charset="UTF-8" class="form-horizontal" role="form"><input name="_token" type="hidden" value="G2Mk8eZLwPOw5YYvKMSLj7kw6ThR4e2fP7aAWoGt">

    <a href="" onclick="form.submit();">
        <i class="fa fa-trash text-danger"></i>
    </a>


    <input name="ip" type="hidden" value="172.18.29.241">

</form>

当我单击垃圾箱时，它是否可以构成表单，但不是。

我可以看到页面正在刷新，但它从未到达我的控制器。

我想念什么？

Answer 1

简而言之，不要为此使用链接（锚）。这样做会使您尝试编写JavaScript代码（以及href="#"之类的黑客程序），以试图在应该只使用按钮的情况下使用链接的语义。

由于您具有Bootstrap，因此将按钮的样式设置为外观并不重要。例如：

<button type="submit" class="btn btn-link">
    <i class="fa fa-trash text-danger"></i>
</button>

它使HTML保持简洁，不引入不必要的复杂性，无需JavaScript即可运行，并且更易于屏幕阅读器之类的工具访问，并且使用元素的语义而不是与元素作斗争。

Answer 2

另一种方式：

<a href="javascript:void(document.forms[0].submit())">
<i class="fa fa-trash text-danger">Link</i>
</a>

提交带有链接的表格不起作用

2 个答案: