Come aggiungo un segnaposto su un CharField in Django?

Question

Prendi questo modulo molto semplice per esempio.

class SearchForm(Form): 
    q = forms.CharField(label='search') 

questo viene reso nel modello:

<input type="text" name="q" id="id_q" /> 

Tuttavia, voglio aggiungere la 'segnaposto' attribuire a questo campo con un valore di "Ricerca" in modo che il codice HTML sarebbe simile :

<input type="text" name="q" id="id_q" placeholder="Search" /> 

Preferibilmente Vorrei passare il valore segnaposto per CharField nella classe del form tramite un dizionario o qualcosa di simile:

q = forms.CharField(label='search', placeholder='Search') 

Quale sarebbe il modo migliore per realizzare questo?

Answer 1

Vedere widgets documentation. In sostanza si sarebbe simile:

q = forms.CharField(label='search', 
        widget=forms.TextInput(attrs={'placeholder': 'Search'})) 

Più scrittura, sì, ma la separazione tiene conto la migliore astrazione dei casi più complicati.

È possibile anche dichiarare un attributo widgets contenente una mappatura <field name> => <widget instance> direttamente sul Meta del vostro ModelForm sottoclasse.

Answer 2

È possibile utilizzare questo codice per aggiungere il segnaposto attr per ogni campo TextInput nel proprio modulo. Il testo per i segnaposto verrà preso dalle etichette dei campi del modello.

class PlaceholderDemoForm(forms.ModelForm): 
    def __init__(self, *args, **kwargs): 
     super(PlaceholderDemoForm, self).__init__(*args, **kwargs) 
     for field_name in self.fields: 
      field = self.fields.get(field_name) 
      if field: 
       if type(field.widget) in (forms.TextInput, forms.DateInput): 
        field.widget = forms.TextInput(attrs={'placeholder': field.label}) 

    class Meta: 
     model = DemoModel 

Answer 3

Per un ModelForm, è possibile utilizzare la classe di Meta in tal modo:

from django import forms 

from .models import MyModel 

class MyModelForm(forms.ModelForm): 
    class Meta: 
     model = MyModel 
     widgets = { 
      'name': forms.TextInput(attrs={'placeholder': 'Name'}), 
      'description': forms.Textarea(
       attrs={'placeholder': 'Enter description here'}), 
     } 

Answer 4

Gli altri metodi sono tutti buoni. Tuttavia, se si preferisce non specificare il campo (ad esempio, per un certo metodo dinamico), è possibile utilizzare questo:

def __init__(self, *args, **kwargs): 
    super(MyForm, self).__init__(*args, **kwargs) 
    self.fields['email'].widget.attrs['placeholder'] = self.fields['email'].label or 'email@address.nl' 

Esso consente di utilizzare i segnaposto per dipendono dal istanza per ModelForms con istanza specificata.

Answer 5

Ottima domanda. Ci sono tre soluzioni che so di:

Soluzione N ° 1

Sostituire il widget di default.

class SearchForm(forms.Form): 
    q = forms.CharField(
      label='Search', 
      widget=forms.TextInput(attrs={'placeholder': 'Search'}) 
     ) 

Soluzione # 2

personalizzare il widget di default. Se si utilizza lo stesso widget utilizzato solitamente dal campo, è possibile personalizzarlo semplicemente anziché creare un'istanza completamente nuova.

class SearchForm(forms.Form): 
    q = forms.CharField(label='Search') 

    def __init__(self, *args, **kwargs): 
     super().__init__(*args, **kwargs) 
     self.fields['q'].widget.attrs.update({'placeholder': 'Search'}) 

Soluzione # 3

Infine, se si sta lavorando con un modulo tipo allora (oltre alle due soluzioni precedenti) si ha la possibilità di specificare un widget personalizzato per una campo impostando l'attributo widgets della classe interna Meta.

class CommentForm(forms.ModelForm): 
    class Meta: 
     model = Comment 
     widgets = { 
      'body': forms.Textarea(attrs={'cols': 80, 'rows': 20}) 
     }