我使用的是django python,我在forms.py中为表单字段应用占位符,比如
self.fields['email'].widget.attrs['class'] = 'form-text'
self.fields['country'].widget.attrs['class'] = 'form-dropdownfield'
self.fields['email'].widget.attrs['placeholder'] = 'Email*'
in .css file
.form-text
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height: 30px;
width: 300px;
border-radius:8px;
border:none;
box-shadow:-1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset;
border:1px solid #D2D2D2;
padding-left:10px;
}
问题1:
占位符在所有浏览器中正常工作,但在IE中不正常,我能为IE问题做些什么?
问题2:
国家字段是下拉列表,如何为这个字段应用占位符?
最佳答案
占位符适用于输入表单元素,但不适用于选择(下拉)元素。This question有许多答案为下拉元素的默认值提供策略。
虽然我不确定,但有可能许多版本的IE都不支持占位符属性(而且this post表示它们不受支持)。
如果要支持的IE版本不支持占位符,可以尝试使用多填充,例如https://github.com/ginader/HTML5-placeholder-polyfill