如何制作一个与Laravel 5.7中的提交按钮功能相同的图标链接？

Question

我在模型控制器中有一个自定义功能，称为块，它在数据库中为一个用户从0到1设置了一个字段，反之亦然，在我的索引中有一个数据表可以显示用户以及block/unblock button，数据表如下所示：

现在我使用看起来像这样的图标将数据表重新制作为外观更好的

问题是点击阻止图标并没有执行任何操作，这是第一个阻止按钮的代码：

<td>
    <form action="{{ route('users.block',$user->id) }}" method="post">
        @csrf
        <button class="btn btn-danger" type="submit">Bloquer</button>
    </form>
</td>

这是块图标的新代码

<td>
    <form action="{{ route('users.block',$user->id)}}" method="post">
        @csrf
        <a class="icon" >
            <i class="fe fe-lock"></i>
        </a>
    </form>
</td>

我尝试将type="submit"添加到图标属性中，但是使它看起来不一样并且不起作用，我使用了<button>标签而不是<i>，但是它没有作用看起来像个图标，谢谢您的耐心

Answer 1

您正在构建表单，如果您希望它能够正常工作，则需要提交它（这就是HTML属性type="submit"的作用）。如果您在此处放置其他任何标签，我认为它不会起作用。

如果您的问题仅在于按钮的样式，则可以执行以下操作：

<td>
   <form action="{{ route('users.block',$user->id) }}" method="post">
                  @csrf
       <a class="icon" ><button class="btn btn-danger" type="submit"><i class="fe fe-lock"></i></button></a>
   </form>
</td>

您可以修改CSS，使按钮看起来像一个图标。

有关更多信息，请单击here

编辑：没有任何样式的按钮：

.form-button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

<button class="form-button">Put the other tags here</button>

Answer 2

您可以对submit使用定位标记，并在a标记内添加图标代码，如下所示：

<td>
   <form action="{{ route('users.block', $user->id) }}" method="post">
           @csrf
       <a class="icon" type="submit"><i class="fe fe-lock"></i></a>
   </form>
</td>