comment puis-je faire sur le terrain semble obligatoire à l'aide de HTML et CSS

Je veux rendre un champ obligatoire, mais l' *requis dans la couleur rouge est à venir sous le nom de champ qui, je tiens juste à côté de nom du champ

voici le code 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>

Fichier CSS

.required-field{
    color:red;  
    font-size:8px;
    /*position:absolute;
    top:-50;*/
}
  • balise obligatoire est utilisé en entrée déposé en html pour obligatoire pour le scénario ci-dessus u besoin d'utiliser javascript pour vérifier si ur champ est vide, puis changez la couleur rouge.
  • je ne veux pas changer de couleur, ils sont tous deux de champ statique nom et le mot requis
  • HTML Final (c'est à dire sans script côté serveur) est mieux pour ce genre de questions
  • Ne {{ field1.label_tag }} rend juste le texte de l'étiquette? si donc, l'ajout de display: inline-block; à la "nécessaire-champ" classe devrait résoudre le problème de mise en page.
  • pouvez vous s'il vous plaît m'aider avec le problème que j'ai demandé..je sais que sa realted à CSS, mais pas encore en mesure de comprendre pourquoi ces deux ne sont pas dans la même ligne
  • jamie Lire, j'ai essayé aussi mais ça ne marche pas

InformationsquelleAutor user2834024 | 2013-10-28