我使用的是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

08-25 20:15
查看更多