为什么bootstrap表单没有提交?

时间:2017-09-08 15:14:09

标签: forms

我有一个像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>

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

1 个答案:

答案 0 :(得分: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 >

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