我正在为我的项目使用django-registration。在我的registration_form.html
文件中:
{{form.username}}
{{form.email}}
//other fields
我想为每个字段设置占位符。但这是一种内置的应用程序。所以我需要找到从主应用程序中编辑这些字段的方法。
我不想改变django-registration的来源。
答案 0 :(得分:21)
如果您可以覆盖内置表单,则可以按如下方式定义占位符:
class RegistrationForm(forms.ModelForm):
class Meta:
model = YourModelName
widgets = {
'username' : forms.TextInput(attrs = {'placeholder': 'Username'}),
'email' : forms.TextInput(attrs = {'placeholder': 'E-Mail'}),
}
或者你可以使用jQuery通过使用下面给出的相应字段id
向字段添加占位符:
<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>
您可以使用firebug查找该字段的id
。
答案 1 :(得分:11)
我实际上会创建一个修改字段的模板标记过滤器。
@register.filter
def html_placeholder(field, args=None):
if args == None:
return field
field.field.widget.attrs.update({ "placeholder": args })
return field
答案 2 :(得分:1)
另一种适用于django.contrib.auth.AuthenticationForm的方法(我认为也适用于您的情况)是在渲染视图时注入此信息。这样您就不需要将其嵌入到表单类中,也不需要强制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))