mettre les éléments de formulaire sur la meme ligne

**mdh12** · 18/04/2010, 00h08

salut,

voila un simple programme

mon but est de faire l'affichage comme suit

Nom :
Prénom :
Age :

et après chaque : on met le champs texte

mais le programme que j'écris m'affiche

Nom :
Prénom :
Age :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html>
<head>
 
<title>exemple</title>
 
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
  <p>&nbsp;</p>
  <table frame="box" rules="none">
    <tr>
      <td width="251"><p class="Style1">Formulaire De Rendez_Vous  </p>
      <p>veillez remplir les champs suivantes </p>
      <p >Nom:    
        <label></label>
        <input name="textfield" type="text" width="100" />
      </p>
      <p>Prenom     :
        <input type="text" name="textfield2" /> 
        <label></label>
      </p>
      <p>Age:      
        <label>
        <input type="text" name="textfield3" />
        </label>
      </p>
      <p>Votre sex 
        <label>
        <input type="radio" name="radiobutton" value="radiobutton" />
        </label>
      Homme 
      <label>
      <input type="radio" name="radiobutton" value="radiobutton" />
      </label>
      Femme</p>
      <p>Quel jour ?:   
        <label>
        <select name="select">
	   <option name="op1">Lundi</option>
       <option selected="selected" name="op2">Mardi</option>
       <option name="op3">Mercredi</option>
       <option name="op4">Jeudi</option>
        </select>
        </label>
</p>
      <p>
        <label>
        <input type="submit" name="Submit" value="Envoyer" />
        </label>
        <label></label>
      </p></td>
    </tr>
  </table>
 
</form>
</body>
</html>

est ce qu'il y a un moyen de le faire

merci d'avance

**Bovino** · 18/04/2010, 12h16

Euh... si on en croit ton message, il n'y a pas de différence entre ce que tu veux faire et ce que tu obtiens

Essaye d'expliquer un peu mieux ton problème

**Deallyra** · 19/04/2010, 10h48

Bonjour,

Juste un truc au passage... edit deux en fait

Votre sexe
champs suivants

Eléments de réponse :

Code html :

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

1
2
3
4
5
 
<label for="nom">Nom:</label><input type="text" id="nom" /><br />
<label for="prenom">Prénom:</label><input type="text" id="prenom" /><br />
<label for="age">Age:</label><input type="text" id="age"><option>21</option></select><br />
<label for="sexe">Sexe:</label><input type="radio" name="sexe" id="sexe" />Homme <input type="radio" name="sexe" />Femme<br />

Code css :

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

1
2
3
4
5
 
label {
display:block; /*La balise devient de type block*/
width:150px;
}

Sinon, merci d'utiliser la faq et la fonction rechercher du forum. Vous auriez eu votre réponse plus rapidement.

mettre les éléments de formulaire sur la meme ligne

HTML

Discussions similaires

Partager

Partager