Discussion :

[navis84]

Bonjour,

Je souhaiterais avoir mon formulaire sur la même ligne que mon texte : comment faire ?

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
Blablabla
<form name="frm" action="index.php" method="GET">
	<select name="liste">
		<option value="1">Item 1</option>	
  		<option value="2">Item 2</option>	
		<option value="3">Item 3</option>					
	</select>
        <input type="submit" name="valider" value="OK" />
</form>
blablabla

Merci d'avance pour votre aide.
@+

[zamanika]

Salut,

Si j'ai bien compris la question, ceci devrait faire l'affaire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<form name="frm" action="index.php" method="GET">
<p>
Blablabla
	<select name="liste">
		<option value="1">Item 1</option>	
  		<option value="2">Item 2</option>	
		<option value="3">Item 3</option>					
	</select>
        <input type="submit" name="valider" value="OK" />
blablabla
</p>
</form>

[navis84]

OK. C'est bien cela, merci.

Mais est-on obligé de mettre le texte dans la balise FORM ?

[trotters213]

Non, tu dois pouvoir le faire avec display:inline;

[navis84]

Bonjour,

j'ai testé avec le code suivant, mais ça ne met pas les éléments en ligne :

Code :

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

1
2
3
4
5
6
<p style="display: inline;">
	Test
	<form>
		<input type="text" />
	</form>
</p>

[zamanika]

Celà dit, si le texte que tu veux mettre sert à décrire les champs de ton formulaire (genre "login", "pass", "email" etc.) , tu as la balise <label> qui est faites pour ça

Sinon, pour ton code, la balise <p> doit être à l'intérieur de la balise form :

Code :

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

1
2
3
4
5
6
<form>
<p style="display: inline;">
Test
<input type="text" />
</p>
</form>

Remarque : le display inline est inutile, en tout cas avec FF "test" et le champ sont sur la même ligne.

[navis84]

Merci, cela marche bien.

Pour info, je voulais juste décrire le formulaire et non des champs.

[zamanika]

Pour décrire le formulaire, tu as aussi une balise faites pour :

Code :

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

1
2
3
4
5
<fieldset>
<legend>
la description
</legend>
</fieldset>

[navis84]

OK, merci beaucoup pour toutes ces informations supplémentaires !