在laravel表单上用图标替换提交按钮

Question

Question: I'm using the laravel forms to make a DELETE request to the database, now I have a submit field that is included by Laravel but I want to display an icon instead.

Code:

{!! Form::open(['action' => ['TasksController@destroy', $task->id],'method' => 'POST', 'class'=> 'float-right']) !!}

    {{Form::hidden('_method','DELETE')}}
    {{Form::submit('Delete', ['class' => 'btn btn-outline-danger'])}}

{!! Form::close() !!} 

What I want:

{{Form::submit('Delete', ['class' => 'btn btn-outline-danger'])}}

// want to replace submit field with icon

<i class="far fa-trash-alt icon-size"></i>

Answer 1

You can use this:

{{Form::button('<i class="far fa-trash-alt icon-size"></i>', ['type' =>'submit', 'class' => 'submit-btn'])}}

with style which hides the button:

.submit-btn {
    padding:0;
    background: none;
    border:none;
}

instead of:

{{Form::submit('Delete', ['class' => 'btn btn-outline-danger'])}}