我正在考虑将字段标签用于<input>
HTML 元素的占位符属性的 DRY 方法。我正在使用django-crispy-forms
.
现在我有:
class FilterForm(Form):
query = CharField(max_length=50, label='', required=False)
def __init__(self, data=None, files=None, **kwargs):
self.helper = FormHelper()
self.helper.layout = Layout(
Field('query', placeholder='Search ...'),
)
super(FilterForm, self).__init__(data, files, **kwargs)
但是,我宁愿不必单独设置标签和占位符,因为这最终会有更多的字段,而且非常冗长。
你有什么建议?
以下__init__方法实现 DRY 解决方案:
def __init__(self, *args, **kwargs): super(FilterForm, self).__init__(*args, **kwargs) helper = self.helper = FormHelper() # Moving field labels into placeholders layout = helper.layout = Layout() for field_name, field in self.fields.items(): layout.append(Field(field_name, placeholder=field.label)) helper.form_show_labels = False
目前,可以使用下面的引导程序帮助程序属性来实现隐藏标签:
self.helper.form_show_labels = 假
默认值设置为 True。它决定是否呈现表单的字段标签。
您仍然需要使用字段布局对象定义占位符:
字段("查询", 占位符="搜索..."),
试试这个:
class FilterForm(Form):
query = CharField(max_length=50, label='', required=False)
def __init__(self, data=None, files=None, **kwargs):
self.helper = FormHelper()
self.helper.layout = Layout(
Field('query', placeholder=kwargs.pop('query_placeholder', 'random text')),
)
super(FilterForm, self).__init__(data, files, **kwargs)
此 DRY 解决方案不需要修改布局。 我建议把它做成混合:
class MyForm(Form):
_placeholders = {
'fieldname': 'fieldname placeholder',
}
def __init__(self, *args, **kwargs):
# Assign placeholder to widget of fields
# listed in self._placeholders.
for field_name, field in self.fields.items():
if field_name in self._placeholders:
self.fields[field_name].widget.attrs['placeholder'] =
self._placeholders[field_name]
super(MyForm, self).__init__(*args, **kwargs)
您可以使用以下命令向表单域添加额外的属性:
query = CharField(widget=forms.TextInput(attrs={'placeholder':'Search..'}),
max_length=50, label='', required=False)
最终只是使用 css 隐藏了字段标签。这有点黑客,但有效。不过,我仍然使用占位符="您的标签"来定义占位符。
如果你想要更多控制,这里有小部件字段
class PostForm(forms.ModelForm):
class Meta:
model = Post
widgets = {
'comment': forms.Textarea(attrs={'rows': 6, 'placeholder': 'Enter your comments'}),
}
labels = {
"private": "Keep Private",
}
exclude = ['response', 'display']