Avoir plusieurs champs sur la même ligne (mini 2 maxi 5)

**shmuel** · 14/12/2015, 16h50

Bonjour je suis débutant un peux d'aide serais sympat

Voila j'ai un code qui marche dans une application de communication avec une base de donnée

Mais je voudrais pouvoir avoir plusieurs champ sur la même lignes (mini 2 maxi 5)

J'ai fait des essaies la première ligne impeccable la seconde la rubrique et son texte se trouve complètement à gauche

Je ne ses pas si ces le bootstrap qui me géne

Voici le code que j'ai modifier pour afficher plusieurs champs sur la même ligne:

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
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="fm1_Deja_volontaire">Deja volontaire</label>
<select name="fm1_Deja_volontaire" class="form-control">
<option value=""> - </option>
<option value="Oui" /> Oui </option>
<option value="Non" /> Non </option>
</select>
</div>
</div>
 
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="fm1_prenom">Prénom</label>
<input type="text" name="fm1_prenom" value="" placeholder="Prénom" class="form-control" >
</div>
</div>
 
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label for="fm1_nom">Nom</label>
<input type="text" name="fm1_nom" value="" placeholder="Nom" class="form-control" >
</div>
</div>

Mon code original et le suivant

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
<div class="form-group">
<label for="fm1_Deja_volontaire">Deja volontaire</label>
<select name="fm1_Deja_volontaire" class="form-control">
<option value=""> - </option>
<option value="Oui" /> Oui </option>
<option value="Non" /> Non </option>
</select>
</div>
 
 
<div class="form-group">
<label for="fm1_prenom">Prénom</label>
<input type="text" name="fm1_prenom" value="" placeholder="Prénom" class="form-control" >
</div>
 
<div class="form-group">
<label for="fm1_nom">Nom</label>
<input type="text" name="fm1_nom" value="" placeholder="Nom" class="form-control" >
</div>
 
-------------------
 
Et ce code dans le header
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<meta http-equiv="Content-language" content="fr" />
 
<!-- Titre de page -->
<title>Contacts</title>
 
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
 
</head>
 
<body>
 
<!-- Menu -->
<ul class="nav nav-pills">
<li role="presentation"><a href="./">Accueil</a></li>
<li role="presentation"><a href="./index.php">index</a></li>
<li role="presentation"><a href="./recherche.php">recherche</a></li>
</ul>
 
<hr />
J'ai également cette parte de code qui ce trouve dans une autre page
 
<?php include($siteWebPath . "/portions_html/inc_header.php"); ?>
 
<!-- Modèle de colonnes Bootstrap : colonne 8 unités sur 12 -->
<div class="col-md-12">
 
<h1>Liste des Formules disponible Date des départs Adultes et Nati</h1>	
<p>	Dans cette liste vous trouverez la liste des départs pour les Adultes et pour les Nati.</p>
 
<?php include($siteWebPath . "/portions_html/inc_list_contacts.php"); ?>
 
</div>
 
<!-- Modèle de colonnes Bootstrap : colonne 4 unités sur 12 je vient de passez de 4 à 8 sa fait désendre le formulaire en dessous-->
<div class="col-md-11">
 
<?php include($siteWebPath . "/portions_html/inc_sidebar.php"); ?>
 
</div>
 
<?php include($siteWebPath . "/portions_html/inc_footer.php"); ?>

------------------------------------------------
Merci d'avance

Shmuel

**Kreepz** · 15/12/2015, 08h41

Bonjour,

Si je ne dis pas de bêtise tu devrais plutôt faire comme cela:

Code HTML :

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
<div class="row">
	<div class="col-md-4">
		<div class="form-group">
			<label for="fm1_Deja_volontaire">Deja volontaire</label>
			<select name="fm1_Deja_volontaire" class="form-control">
				<option value=""> - </option>
				<option value="Oui" /> Oui </option>
				<option value="Non" /> Non </option>
			</select>
		</div>
	</div>
 
	<div class="col-md-4">
		<div class="form-group">
			<label for="fm1_prenom">Prénom</label>
			<input type="text" name="fm1_prenom" value="" placeholder="Prénom" class="form-control" >
		</div>
	</div>
 
	<div class="col-md-4">
		<div class="form-group">
			<label for="fm1_nom">Nom</label>
			<input type="text" name="fm1_nom" value="" placeholder="Nom" class="form-control" >
		</div>
	</div>
</div>

**shmuel** · 15/12/2015, 14h15

Et bien non cela ne marche pas

Dans mon deuxième exemple il y as du bootstrap

et je ne ses pas si ces cela qui me bloque

Merci

Et bien je vient de recommencer et la super cela marche

merci

**shmuel** · 15/12/2015, 19h26

Tout d'abord un grand merci pour l'aide qui ma permis d'arriver à pouvoir afficher mon formulaire de manière correcte

Comment fait t'on pour afficher un fond et colorer les différents champs ?

Merci

Shmuel

Avoir plusieurs champs sur la même ligne (mini 2 maxi 5) [ODBC]

PHP & Base de données

Discussions similaires

Partager

Partager