2013-10-28 25 views
0

我想打一個場強制性的,但所需的紅色*快到下面的字段名稱,我想只是旁邊的字段名我怎樣才能讓現場看起來強制使用HTML和CSS

這裏是HTML代碼

<div class="span12" id="propertytype"> 
    {% for field1 in propertytypeform %} 
    <p> 
     <label> {{ field1.label_tag }} 
      {% if field1.field.required %} 
      <span class="required-field">*Required</span> 
      {% endif %} 
     </label> 
     &nbsp;&nbsp;&nbsp; {{ field1 }} <br /> 
     { field1.errors }} 
    </p> 
    {% endfor %}        
</div> 

CSS文件

.required-field{ 
    color:red; 
    font-size:8px; 
    /*position:absolute; 
    top:-50;*/ 
} 
+0

所需標籤的寬度在HTML申請強制輸入用於上面的情況你需要使用JavaScript來檢查你的字段是否爲空,然後將顏色更改爲紅色。 –

+0

我不想改變它們都是靜態字段名稱和*所需字的顏色 – user2834024

+2

最終HTML(即沒有服務器端腳本)對這類問題更好 – orique

回答

0
<div class="field"> 
    <div class="fieldname">UserName<span class="mandatory">*</span></div></div> 

現在你寫的類名是強制性

<style> 
    .mandatory{color:red;}</style> 
+0

謝謝,但這就是我正在做的區別是..在這裏我使用django休息你有wriiten的語法是完全一樣的,我的...它仍然無法正常工作.. – user2834024

0

渲染的CSS代碼:{{ field1.label_tag }}<p>標籤製作。 A <p>標記是HTML中的塊標記,因此它佔用頁面寬度的100%。所以在{{ field1.label_tag }}字段旁邊沒有地方,所以它在下一行顯示剩下的地方。

這只是一個CSS問題。

你可以做的是:

<span class="field">{{ field1.label_tag }}</span> 

.field p { 
    width: 200px; 
} 

這是例子,但我建議您使用<div>調整<p>

相關問題