表只提交一個輸入字段，而不是兩個

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> 

移動