2

我正在使用 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：国家字段是下拉列表，如何为这个申请占位符？

4

2 回答 2

3

占位符适用于 INPUT 表单元素，但不适用于 SELECT（下拉）元素。 这个问题 有许多答案，为下拉元素的默认值提供策略。

虽然我不确定，但许多版本的 IE 可能不支持 placeholder 属性（这篇文章表明它们不受支持）。
如果您想要支持的 IE 版本不支持占位符，您可以尝试使用 polyfill，例如https://github.com/ginader/HTML5-placeholder-polyfill

于 2012-04-27T03:32:53.980 回答
-1

无需采用任何 javscript 或任何方法，您只需使用 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;
}
于 2013-10-09T11:28:13.013 回答