組み込みフォームをオーバーライドできる場合は、次のようにプレースホルダーを定義できます。
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>
あなたはフィールドのを見つけるためにfirebugid
を使うことができます。