產生正確的HTML語法和Django

Question

我通常把它簡單，我的模板使用下列形式的語法：

<div> 
     <div>{{form.title.label}}:</div> 
     <div>{{form.title}}</div> 
</div> 

這種方法的問題是在HTML輸出壞語義。

<div> 
    <div>Title:</div> 
    <div><input id="id_form-title" type="text" maxlength="30" name="form-title"></div> 
</div> 

正確的應該是：

<div> 
    <label for="id_form-title">Title</label> 
    <input id="id_form-title" type="text" maxlength="30" name="form-title"> 
</div> 

有一個Django內置的標籤來自動執行此操作對我來說，還是我必須這樣做手工自己這樣嗎？

<div> 
    <label for="id_form-title">{{form.title.label}}</label> 
    {{form.title}} 
</div> 

Answer 1

這實在是煩人，輸出領域的一個個不給你自動訪問到正確構建的label元素 - 做form.as_p會產生正確的字段加標籤，但你放棄一切的控制權表格佈局。

你可以很容易使用，雖然信息化領域建立標籤標籤：

<label for="{{ field.auto_id }}">{{ field.label }}</label> 
{{ field }} 

你可以把這個模板中的標記，方便重複使用。

不要忘了還要加上{{ field.errors }}來顯示與每個字段相關的錯誤。

Answer 2

使用label_tag應該給你正確構造的標籤標籤。因此，您應該使用{{form.title.label_tag}}，而不是僅僅使用{{form.title.label}}，它會生成所需的html