Discussion :

[solo190]

bonjour à tous et toutes,
je suis entrain de faire un petit formulaire pour enregistrer des utilisateurs , pour des questions d'ergonomies , j'ai souhaiter placer les lables sur la meme ligne que les inputs .
voici comment j'essaye de faire sans succès.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label for="nom" style="display: inline;">Nom</label>
<input class="form-control" style="width: 60%" id="nom">

une fois de plus merci de votre aide.

[JefReb]

Bonjour,
Je ne suis pas sûr de bien comprendre la question.
Je pensais que <label> permet de regrouper plusieurs input comme:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<fieldset>
    <legend>Contactez-nous</legend>
 
    <label for="demande">Quel est la demande:</label>
    <input type="radio" name="objet" value="devis"   id="demande" /> : Devis 
    <input type="radio" name="objet" value="conseil"/>  : Conseil 
    <input type="radio" name="objet" value="autre"/>    : Autre
    <input name="autre" id="autre" type="text" value="" />
 
    </fieldset>

Quel est l'intérêt de mettre le label sur la même ligne que les input?

[Invité]

Bonjour,

par défaut :

• <label> est en display:inline;
• <input> est en display:inline-block;

Donc, dans le code que tu montres, tel quel, ils sont bien alignés.

Si ce n'est pas le cas, c'est que tu as du CSS qui intervient (en dehors de ce code).
Où, comment ? A toi de nous le dire.

• Personnalisation d'un formulaire XHTML avec CSS