2012-04-27 69 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,它會自動生成'