表只提交一个输入字段，而不是两个

Question

我使用Django的自举一起和我那里有两个输入和一个提交页面按钮：

<div class="col-lg-5"> 
     <form id="search_form" align="right" action="/comparison/" class="form-inline" method ="get" role="form"> 
     <input id="navPersonSearch" class="input form-control" type="text" name="q1" 
     placeholder="Search for Actor/Actress" 
      autocomplete="off" > 

    </div> <!-- /.col --> 
    <div class="col-lg-2"> 
    <button type="submit" class="btn btn-primary btn-lg btn-block">Compare</button> 
    </div> <!-- ./col --> 
    <div class="col-lg-5"> 
     <input id="navPersonSearch2" class="input form-control" type="text" name="q2" 
     placeholder="Search for Actor/Actress" 
      autocomplete="off" > 
    </form> 
    </div> <!-- /.col --> 

但是，当您提交表单，只提交第一个值。例如在第一个输入，如果你有“汤姆”和你有“Bob”中的第二个输入时，它会重定向到：

http://127.0.0.1:8000/comparison/?q2=Bob 

时，我想提交这两个值。

Answer 1

该HTML无效。移动<form>标签以完全包含开放和关闭<div> s。就像这样：

<form id="search_form" align="right" action="/comparison/" class="form-inline" method ="get" role="form"> 
    <div class="col-lg-5"> 
     <input id="navPersonSearch" class="input form-control" type="text" name="q1" 
       placeholder="Search for Actor/Actress" autocomplete="off" > 
    </div> <!-- /.col --> 
    <div class="col-lg-2"> 
     <button type="submit" class="btn btn-primary btn-lg btn-block">Compare</button> 
    </div> <!-- ./col --> 
    <div class="col-lg-5"> 
     <input id="navPersonSearch2" class="input form-control" type="text" name="q2" 
       placeholder="Search for Actor/Actress" autocomplete="off" > 
    </div> <!-- /.col --> 
</form> 

Answer 2

做这样的事情

<p><strong></p></strong> 

不好而导致的HTML代码 解释上的错误，你应该提前标签

<form id="search_form" align="right" action="/comparison/" class="form-inline" method ="get" role="form"> 
    <div class="col-lg-5"> 
     <input id="navPersonSearch" class="input form-control" type="text" name="q1" 
     placeholder="Search for Actor/Actress" 
      autocomplete="off" > 
    </div> <!-- /.col --> 
    <div class="col-lg-2"> 
     <button type="submit" class="btn btn-primary btn-lg btn-block">Compare</button> 
    </div> <!-- ./col --> 
    <div class="col-lg-5"> 
     <input id="navPersonSearch2" class="input form-control" type="text" name="q2" 
     placeholder="Search for Actor/Actress" 
      autocomplete="off" > 
    </div> <!-- /.col --> 
    </form> 

移动