首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在引导中使用表单模板仅用于样式设置

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

Stack Overflow用户
提问于 2020-08-10 22:38:14
回答 1查看 158关注 0票数 0

我是否可以在引导中只使用表单的布局,并冻结输入选项,而submit按钮的行为就像普通的html按钮,在某个地方重定向?

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

代码语言:javascript
复制
  @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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-08-11 06:29:57

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

代码语言:javascript
复制
 <input  value="{{ $student->cne }}" type="text" class="form-control" name="cne" placeholder="Enter CNE" readonly>

其次,现在您的重置按钮的类型= submit,所以当您单击它时,您的表单就被提交了。更改您的代码:

代码语言:javascript
复制
<input type="reset" class="btn btn-warning" value="reset">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63348955

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档