Làm cách nào để thêm trình giữ chỗ trên CharField ở Django?

Question

Lấy mẫu đơn giản này làm ví dụ.

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

này được kết xuất trong mẫu:

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

Tuy nhiên, tôi muốn thêm 'giữ chỗ' thuộc tính để lĩnh vực này với một giá trị của "Tìm kiếm" để các HTML sẽ giống như thế :

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

Tốt tôi muốn vượt qua giá trị giữ chỗ trong để CharField trong lớp hình thức thông qua một cuốn từ điển hoặc một cái gì đó như:

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

Cách tốt nhất để thực hiện điều này là gì?

Answer 1

Nhìn vào số widgets documentation. Về cơ bản nó sẽ trông giống như:

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

Viết thêm, vâng, nhưng sự tách biệt cho phép trừu tượng hóa các trường hợp phức tạp hơn.

Bạn cũng có thể khai báo một thuộc tính widgets chứa một ánh xạ <field name> => <widget instance> trực tiếp trên Meta của ModelForm sub-class của bạn.

Answer 2

Bạn có thể sử dụng mã này để thêm attr giữ chỗ cho mọi trường TextInput trong biểu mẫu của bạn. Văn bản cho trình giữ chỗ sẽ được lấy từ nhãn trường mẫu.

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

Đối với một ModelForm, bạn có thể sử dụng lớp Meta như sau:

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

Các phương pháp khác đều tốt. Tuy nhiên, nếu bạn muốn không xác định lĩnh vực này (ví dụ đối với một số phương pháp năng động), bạn có thể sử dụng này:

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' 

Nó cũng cho phép giữ chỗ để phụ thuộc vào các trường hợp cho ModelForms với ví dụ cụ thể.

Answer 5

Câu hỏi hay. Có ba giải pháp tôi biết về:

Giải pháp # 1

Thay widget mặc định.

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

Giải pháp # 2

Tùy chỉnh widget mặc định. Nếu bạn đang sử dụng cùng một tiện ích mà trường thường sử dụng thì bạn chỉ có thể tùy chỉnh một tiện ích thay vì tạo ra một tiện ích hoàn toàn mới.

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'}) 

Giải pháp # 3

Cuối cùng, nếu bạn đang làm việc với một hình thức của model rồi (ngoài hai giải pháp trước), bạn có tùy chọn để chỉ định một widget tùy chỉnh cho một trường bằng cách đặt thuộc tính widgets của lớp bên trong Meta.

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