Question

我正在使用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中不能正常工作，我该怎么办？问题2：国家/地区字段是下拉列表，如何为此应用占位符？

Answer 1

占位符适用于INPUT表单元素，但不适用于SELECT（下拉列表）元素。 This question有许多答案可以提供下拉元素默认值的策略。

虽然我不确定，但IE的许多版本可能不支持占位符属性（this post表示它们不受支持）。
如果您希望支持的IE版本不支持占位符，则可以尝试使用https://github.com/ginader/HTML5-placeholder-polyfill

等填充。

Answer 2

无需使用任何javascript或任何方法，只需使用您的html css

即可

HTML

<select id="myAwesomeSelect">
    <option selected="selected" class="s">Country Name</option>
    <option value="1">Option #1</option>
    <option value="2">Option #2</option>

</select>

的CSS

.s
{
    color:white;
        font-size:0px;
    display:none;
}

使用python在django表单中的占位符

2 个答案: