如何解决在引导程序中使用表单模板仅用于样式设置
我可以仅在引导程序中使用表单的布局,并冻结输入选项,并且提交按钮的行为类似于重定向到某处的纯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">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。