为什么bootstrap表单没有提交?

问题描述 投票:0回答:1

我有一个这样的形式与bootstrap

 <div class="container">
  <form>
   <div class="row">
    <div class="col-lg-6 col-md-offset-3">
     <div class="input-group input-group-lg">
       <input type="text" class="form-control "  placeholder="Locate and get products/services ">
      <span class="input-group-btn">
       <button class="btn btn-default" type="button">Search</button>
     </span>
  </div><!-- /input-group -->
 </div><!-- /.col-lg-6 -->
 </div>
</form>
</div>

当我点击搜索提交按钮时它没有提交但是当我点击输入时提交请问有什么问题?

forms
1个回答
1
投票

使按钮类型提交,向表单添加操作并向按钮添加名称。您将使用名称或操作来处理您希望表单执行的操作。您的代码没有详细说明您需要的内容,因此如果您无法理解,请尝试编辑您的问题并包含其余代码以获取帮助

<div class="container" >
  <form action="put the page to go to">
   <div class="row" >
    <div class="col-lg-6 col-md-offset-3" >
     <div class="input-group input-group-lg" >
       <input type = "text" class="form-control "  placeholder = "Locate and get products/services " >
      <span class="input-group-btn" >
       <button class="btn btn-default" name="products" type = "submit" > Search</button >
     </span >
  </div ><!-- /input - group-->
 </div ><!-- /.col - lg - 6-->
 </div >
</form >
</div >

如果您处理同一页面上的所有内容,请不要采取行动

© www.soinside.com 2019 - 2024. All rights reserved.