仅在引导程序中使用表单模板进行样式设置

Question

我可以在引导程序中仅使用表单的布局并冻结输入选项并且提交按钮的行为类似于重定向到某处的普通 html 按钮吗？

我为什么要这个？ 因此，在主页中，我有可以按删除按钮删除的资源。单击删除按钮时，资源数据会像表单布局一样显示，当然我希望禁用输入输入，并在顶部显示警告消息，在底部显示“是”和“重置”选项。由于表单具有通过 GET 方法分配的特定操作，因此无论选择何种选择，它都会始终执行该操作。因此，如果还选择了 RESET，资源仍然会被删除。 一种选择是将按钮作为具有特定重定向属性的单独链接，但随后我需要手动编码表单的整个样式。 下面是代码

  @elseif($layout=='delete')
    <div class="container-fluid mt-4">
      <div class="row">
        <section class="col md-7">
          <div class="card mb-3">
            <img src="https://cdn.pixabay.com/photo/2014/05/05/19/53/keyboard-338502_1280.jpg" class="card-img-top" alt="...">
            <div class="card-body">
              <h5 class="card-title">Are you sure you want to delete</h5>
                <form action="{{url('/destroy/'.$student->id)}}" method="get">
                      @csrf
                      <div class="form-group">
                      <label>CNE</label>
                      <input  value="{{ $student->cne }}" type="text" class="form-control" name="cne" placeholder="Enter CNE">
                      </div>
                      <div class="form-group">
                      <label>FirstName</label>
                      <input value="{{ $student->firstName }}" type="text" class="form-control" name="firstName" placeholder="Enter the first Name">
                      </div>
                      <div class="form-group">
                      <label>Last Name</label>
                      <input value="{{ $student->LastName }}" type="text" class="form-control" name="LastName" placeholder="Enter the Last Name">
                      </div>
                      <div class="form-group">
                      <label>Age</label>
                      <input value="{{ $student->age }}" type="text" class="form-control" name="age" placeholder="Enter Age">
                      </div>
                      <div class="form-group">
                      <label>Speciality</label>
                      <input value="{{ $student->Speciality }}" type="text" class="form-control" name="Speciality" placeholder="Enter the speciality">
                      </div>
                      <input type="submit" class="btn btn-info" value="yes">
                      <input type="submit" class="btn btn-warning" value="reset">
                    </form>
                </div>
            </div>
        </section>

Answer 1

首先，如果您想禁用输入，请将只读添加到您的输入：

 <input  value="{{ $student->cne }}" type="text" class="form-control" name="cne" placeholder="Enter CNE" readonly>

其次，现在重置按钮的类型 = 提交，因此当您单击它时，您的表单已提交。更改您的代码：

<input type="reset" class="btn btn-warning" value="reset">