2012-04-27 70 views
2

Django表单我使用Django的蟒蛇,我申请占位符在forms.py我的形式领域,如占位符使用python

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: Country字段是下拉列表,那么该如何应用占位符?

+2

这是勉强的Django/Python的相关。您在IE中询问关于HTML5的问题。 – Tadeck 2012-04-27 03:36:27

回答

3

占位符适用于INPUT表单元素,但不适用于SELECT(下拉)元素。 This question有许多答案,可为下拉元素的默认值提供策略。

虽然我不确定,但很多版本的IE可能不支持占位符属性(并且this post表明它们不受支持)。
如果占位符是要支持一个版本的IE不支持的,你可以尝试填充工具如https://github.com/ginader/HTML5-placeholder-polyfill

-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; 
} 
+0

这是行不通的,因为OP使用Django,它会自动生成'