Produrre la giusta semantica HTML con Django

Question

Io di solito fare cose semplici e utilizzare la seguente sintassi modulo nei miei modelli:

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

Il problema di questo approccio è la cattiva semantica nell'output HTML.

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

corretta dovrebbe essere:

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

C'è un tag build-in Django per farlo automaticamente per me, o devo farlo manualmente me stesso come questo?

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

Answer 1

E 'davvero fastidioso che l'output campi uno per uno non ti dà accesso automatico a un label elemento propriamente-costruito - facendo form.as_p saranno correttamente produrre i campi più etichette, ma si rinuncia totalmente il controllo della layout del modulo.

È possibile costruire il tag etichette utilizzando le informazioni di campo abbastanza facilmente se:

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

Si può mettere questo in un tag modello per facilitare il riutilizzo.

Non dimenticare di aggiungere anche {{ field.errors }} per visualizzare gli errori associati a ciascun campo.

Answer 2

utilizzando label_tag dovrebbe darti un tag etichetta costruito correttamente. Quindi, invece di {{form.title.label}} dovresti usare {{form.title.label_tag}} e il risultato sarà il codice html desiderato