Django - 如何设置表单字段的占位符？答案

【问题标题】：Django - how to style the placeholder of a form field?Django - 如何设置表单字段的占位符？
【发布时间】：2014-04-11 20:02:44
【问题描述】：

好的，所以我已经安装了 django-registration 应用程序，并且对于注册功能，我添加了一个用于电子邮件的小部件以制作占位符：

email = forms.EmailField(label=_("E-mail"),
                         widget=forms.TextInput(attrs={'placeholder': 'Your Email'}))

我更喜欢使用占位符，而不是标签。

现在，我的问题是：如何设置占位符的样式？添加一些颜色，更改占位符大小和字体等谢谢

【问题讨论】：

Change an input's HTML5 placeholder color with CSS的可能重复
可以在 attrs 中添加 class='somestyleclass'。

标签： django forms widget styles registration

【解决方案1】：

我也遇到过这个问题，但后来我意识到您不想在 Django 表单中设置占位符的样式。只需将以下 css 添加到您的样式表中即可。

::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .5);
}

:-moz-placeholder { /* Firefox 18- */
   color: rgba(255, 255, 255, .5);
}

::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255, 255, 255, .5);
}

:-ms-input-placeholder {
   color: rgba(255, 255, 255, .5);
}

【讨论】：

【解决方案2】：

你可以这样做。

email = forms.EmailField(label=_("E-mail"),
                     widget=forms.TextInput(attrs={'placeholder': 'Your Email', 'class':'your_css_code'}))

【讨论】：