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

问题描述

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

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

  @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>

解决方法

首先，如果要禁用输入，请在输入中添加只读：

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

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

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