Come aggiungere segnaposto alle forme di registrazione di Django

Question

Uso la registrazione django per il mio progetto. nel mio registration_form.html di file:

{{form.username}} 
{{form.email}} 
//other fields 

e voglio impostare segnaposto per ogni campo. Ma questo è un tipo di app integrata. quindi ho bisogno di trovare il modo per modificare questi campi dalla mia app principale.

Non voglio cambiare la fonte della registrazione di django.

Answer 1

Se è possibile sostituire il modulo built-in, è possibile definire il segnaposto come segue:

class RegistrationForm(forms.ModelForm): 
    class Meta: 
     model = YourModelName 
     widgets = { 
      'username' : forms.TextInput(attrs = {'placeholder': 'Username'}), 
      'email' : forms.TextInput(attrs = {'placeholder': 'E-Mail'}), 
     } 

Oppure è possibile utilizzare jQuery per aggiungere segnaposto per i campi utilizzando corrispondente del campo id come indicato di seguito :

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" > 
    $(document).ready(function(){ 
     $("#id_username").attr('placeholder', '{{form.username.label}}'); 
     $("#id_email").attr('placeholder', '{{form.email.label}}'); 
    }); 
</script> 

È possibile utilizzare firebug per trovare l'id del campo.

Answer 2

In realtà creerei un filtro di tag modello che modifica il campo.

@register.filter 
def html_placeholder(field, args=None): 
    if args == None: 
     return field 
    field.field.widget.attrs.update({ "placeholder": args }) 
    return field 

Answer 3

Un altro approccio, che lavora per django.contrib.auth.AuthenticationForm (e presumo dovrebbe funzionare nel tuo caso pure) è quello di iniettare queste informazioni durante il rendering della vista. In questo modo non è necessario incorporarlo nella classe del modulo e non è necessario forzare jquery.

def index(request): 
    form = AuthenticationForm(request) 
    form.fields['username'].widget.attrs.update({ 
      'placeholder': 'Name' 
     }) 
    form.fields['password'].widget.attrs.update({ 
      'placeholder': 'Password' 
     }) 

    context = RequestContext(request, { 
     'form' : form, 
    }) 
    return HttpResponse(template.render(context))