2015-04-25 71 views
1

這是其中的形式將顯示HTML頁面的代碼:Django的表單字段和按鈕的出現並不是爲了

<body> 
     <h1>Add a Category</h1> 

     <form id="category_form" method="post" action="/rango/add_category/"> 

      {% csrf_token %} 
      {% for hidden in form.hidden_fields %} 
       {{ hidden }} 
      {% endfor %} 

      {% for field in form.visible_fields %} 
       {{ field.errors }} 
       {{ field.help_text }} 
       {{ field }} 
      {% endfor %} 

      <input type="submit" name="submit" value="Create Category" /> 
     </form> 
    </body> 

這是得到的顯示形式: Output

我在代碼中缺少什麼? 我根據教程以下the TWD Tutorial

輸出:

Desired output

+0

您有沒有做過任何的錯誤?是否試圖讓按鈕換行? –

+0

我實際上是沿着這些步驟走。 但很好奇爲什麼我沒有得到在教程中的輸出 – 88dax

回答

0

輸入和按鈕內嵌元素因此它們出現在同一排。調整瀏覽器窗口的大小,此按鈕將像其他任何文本元素一樣移動到下一行。

如果你想放置該按鈕的投入下,無論則窗口寬度的把按鈕到像<div><p>,該塊元件:

<div> 
    <input type="submit" name="submit" value="Create Category" /> 
</div> 
相關問題