Formulaire
Fermé
makfly2301
Messages postés
184
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
20 mars 2009
-
12 juin 2008 à 09:43
Nabla's Messages postés 18149 Date d'inscription mercredi 4 juin 2008 Statut Contributeur Dernière intervention 28 avril 2014 - 12 juin 2008 à 10:44
Nabla's Messages postés 18149 Date d'inscription mercredi 4 juin 2008 Statut Contributeur Dernière intervention 28 avril 2014 - 12 juin 2008 à 10:44
A voir également:
- Formulaire
- Formulaire de réclamation facebook - Guide
- Alias du formulaire - Forum Programmation
- Récupérer compte hotmail sans formulaire ✓ - Forum Hotmail (Outlook.com)
- Formulaire de remboursement free pdf ✓ - Forum Vos droits sur internet
- Récupérer compte outlook sans formulaire - Forum Hotmail (Outlook.com)
8 réponses
Mat$on
Messages postés
98
Date d'inscription
vendredi 6 juin 2008
Statut
Membre
Dernière intervention
31 mars 2009
9
12 juin 2008 à 09:52
12 juin 2008 à 09:52
Il te faut faire une page en PHP derrière et créer un array pour récupérer dans ton tableau, les données qui auront été saisies, par la méthode POST !
Nabla's
Messages postés
18149
Date d'inscription
mercredi 4 juin 2008
Statut
Contributeur
Dernière intervention
28 avril 2014
3 219
12 juin 2008 à 09:58
12 juin 2008 à 09:58
cherches formulaires php sur google...
makfly2301
Messages postés
184
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
20 mars 2009
7
12 juin 2008 à 10:03
12 juin 2008 à 10:03
D'accord mais sur google c'est assez vague les explications, sachant que je n'ai jamais fait de php
Mat$on
Messages postés
98
Date d'inscription
vendredi 6 juin 2008
Statut
Membre
Dernière intervention
31 mars 2009
9
12 juin 2008 à 10:08
12 juin 2008 à 10:08
Je te conseille d'aller voir sur le site du zéro pour apprendre le PHP :) !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Nabla's
Messages postés
18149
Date d'inscription
mercredi 4 juin 2008
Statut
Contributeur
Dernière intervention
28 avril 2014
3 219
12 juin 2008 à 10:10
12 juin 2008 à 10:10
tiens, essaye ca :
http://www.allhtml.com/articles/detail/687
apres la ligne $message = "$formNom $formPrenom vous contact via votre formulaire.\n \n message : \n $formCommentaire";
ajoutes echo $message;
regardes pour des cours de php... c est tres trse simple. le 2eme fichier c est inscription.php
le site du zero j y suis tombé plusieurs fois en cherchant des bouts de code, ca a pas l air trop mal
http://www.allhtml.com/articles/detail/687
apres la ligne $message = "$formNom $formPrenom vous contact via votre formulaire.\n \n message : \n $formCommentaire";
ajoutes echo $message;
regardes pour des cours de php... c est tres trse simple. le 2eme fichier c est inscription.php
le site du zero j y suis tombé plusieurs fois en cherchant des bouts de code, ca a pas l air trop mal
makfly2301
Messages postés
184
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
20 mars 2009
7
12 juin 2008 à 10:14
12 juin 2008 à 10:14
ok merci mais le plus dur c'est de reporter les valeurs du formulaire dans un tableau, quelqun pourrait me donner son adresse mail en message privée que je lui envoye mon projet pour bien comprendre quel est mon problème
merci makfly2301
merci makfly2301
Nabla's
Messages postés
18149
Date d'inscription
mercredi 4 juin 2008
Statut
Contributeur
Dernière intervention
28 avril 2014
3 219
12 juin 2008 à 10:19
12 juin 2008 à 10:19
tu fais un tableau en html et pour les cases dans lesquelles tu veux mettre tes valeurs tu fais echo et ta valeur.
envoie ton code ici....
envoie ton code ici....
makfly2301
Messages postés
184
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
20 mars 2009
7
12 juin 2008 à 10:28
12 juin 2008 à 10:28
CODE DU FORMULAIRE:
<body>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
<div id="titreForm">Fiche d'appel</div>
<div id="corpForm">
<fieldset id="coordonnees">
<legend>Coordonnées</legend>
<div id ="heure">
<script language="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;
today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</script>
<script language="JavaScript">
document.write(messageDate);
</script>
</div>
<label for="Destinataire">Destinataire:</label>
<select id="Destinataire">
<option value="César" selected="selected">César</option>
<option value="Sylvain">Sylvain</option>
<option value="Claude">Claude</option>
</select>
</p>
<p>
<label for="Client">Client:</label>
<select id="pays">
<option value="france" selected="selected">Professionnel</option>
<option value="allemagne">Particulier</option>
</select>
</p>
<p>
<label for="Nom">Nom:</label>
<input type="text" name="nom" id="nom" />
</p>
<p>
<label for="Adresse">Adresse: </label>
<input type="text" name="adresse" id="adresse" />
</p>
<p>
<label for="Code Postal">Code Postal:</label>
<input type="text" name="code postal" id="cp" />
</p>
<p>
<label for="Ville">Ville: </label>
<input type="text" name="ville" id="ville" />
</p>
<p>
<label for="Ville">Téléphone: </label>
<input type="text" name="telephone" id="telephone" />
</p>
</fieldset>
<p>
<fieldset id="type">
<p>
<legend>Objet de l'appel</legend>
<p>
<label for="Ville">Date de Rendez-Vous: </label>
<input type="text" name="rendez-vous" id="rendez-vous" />
</p>
<p>
<textarea cols="85" rows="5">
</textarea>
</p>
</fieldset>
</div>
<div id="piedForm">
<div id="retour">
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Retour" onClick="self.location.href=('acceuil.html')"></FORM></div>
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Envoyer" ></FORM>
</div>
</form>
<p id="footer">
</p>
CSS:
body {
margin: 1em;
padding: 0;
font: .8em arial, hevetica, sans-serif;
text-align: left;
color: black;
background: #62A6DF;
}
p#notes {
border-bottom: 1px dotted black;
padding-bottom: 1em;
}
p#footer {
border-top: 1px dotted black;
padding-top: 1em;
}
code {
font-size: .9em;
}
html>body code {
font-size: 1.3em;
}
/*** Mise en forme du formulaire ***/
#inscription {
border: none;
margin: 0;
padding: 0;
width: 30em; /*** Largeur du formulaire ***/
}
#titreForm, #piedForm { /*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
background: #27367A;
margin: 0;
padding: .5em;
width: 61%
}
#piedForm {
text-align: right;
width: 61% /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
margin-left: 1em;
}
#corpForm { /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border: 1px solid black;
color: black;
background: #efefef;
margin: 0;
padding: 1em;
width: 60%;
}
#corpForm fieldset { /*** Mise en forme des cadres ***/
margin: 0;
font-style: normal;
padding: 0 1em 1em;
}
#corpForm legend { /*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: black;
background: transparent;
}
#corpForm p { /*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 20%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right; /*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#heure {
text-align: right;
font: .9em comic sans ms, hevetica, sans-serif;
}
#retour {
float:left;
}
<body>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
<div id="titreForm">Fiche d'appel</div>
<div id="corpForm">
<fieldset id="coordonnees">
<legend>Coordonnées</legend>
<div id ="heure">
<script language="JavaScript">
navvers = navigator.appVersion.substring(0,1);
if (navvers > 3)
navok = true;
else
navok = false;
today = new Date;
jour = today.getDay();
numero = today.getDate();
if (numero<10)
numero = "0"+numero;
mois = today.getMonth();
if (navok)
annee = today.getFullYear();
else
annee = today.getYear();
TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi");
TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","aout","septembre","octobre","novembre","dééembre");
messageDate = TabJour[jour] + " " + numero + " " + TabMois[mois] + " " + annee;
</script>
<script language="JavaScript">
document.write(messageDate);
</script>
</div>
<label for="Destinataire">Destinataire:</label>
<select id="Destinataire">
<option value="César" selected="selected">César</option>
<option value="Sylvain">Sylvain</option>
<option value="Claude">Claude</option>
</select>
</p>
<p>
<label for="Client">Client:</label>
<select id="pays">
<option value="france" selected="selected">Professionnel</option>
<option value="allemagne">Particulier</option>
</select>
</p>
<p>
<label for="Nom">Nom:</label>
<input type="text" name="nom" id="nom" />
</p>
<p>
<label for="Adresse">Adresse: </label>
<input type="text" name="adresse" id="adresse" />
</p>
<p>
<label for="Code Postal">Code Postal:</label>
<input type="text" name="code postal" id="cp" />
</p>
<p>
<label for="Ville">Ville: </label>
<input type="text" name="ville" id="ville" />
</p>
<p>
<label for="Ville">Téléphone: </label>
<input type="text" name="telephone" id="telephone" />
</p>
</fieldset>
<p>
<fieldset id="type">
<p>
<legend>Objet de l'appel</legend>
<p>
<label for="Ville">Date de Rendez-Vous: </label>
<input type="text" name="rendez-vous" id="rendez-vous" />
</p>
<p>
<textarea cols="85" rows="5">
</textarea>
</p>
</fieldset>
</div>
<div id="piedForm">
<div id="retour">
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Retour" onClick="self.location.href=('acceuil.html')"></FORM></div>
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Envoyer" ></FORM>
</div>
</form>
<p id="footer">
</p>
CSS:
body {
margin: 1em;
padding: 0;
font: .8em arial, hevetica, sans-serif;
text-align: left;
color: black;
background: #62A6DF;
}
p#notes {
border-bottom: 1px dotted black;
padding-bottom: 1em;
}
p#footer {
border-top: 1px dotted black;
padding-top: 1em;
}
code {
font-size: .9em;
}
html>body code {
font-size: 1.3em;
}
/*** Mise en forme du formulaire ***/
#inscription {
border: none;
margin: 0;
padding: 0;
width: 30em; /*** Largeur du formulaire ***/
}
#titreForm, #piedForm { /*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
background: #27367A;
margin: 0;
padding: .5em;
width: 61%
}
#piedForm {
text-align: right;
width: 61% /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
margin-left: 1em;
}
#corpForm { /*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border: 1px solid black;
color: black;
background: #efefef;
margin: 0;
padding: 1em;
width: 60%;
}
#corpForm fieldset { /*** Mise en forme des cadres ***/
margin: 0;
font-style: normal;
padding: 0 1em 1em;
}
#corpForm legend { /*** Mise en forme des titres des cadres ***/
font-weight: bold;
color: black;
background: transparent;
}
#corpForm p { /*** Mise en forme des lignes du formulaire ***/
padding: .2em 0;
margin: 0 0 .2em 0;
}
#corpForm fieldset#coordonnees label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 20%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right; /*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8; /*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#heure {
text-align: right;
font: .9em comic sans ms, hevetica, sans-serif;
}
#retour {
float:left;
}
makfly2301
Messages postés
184
Date d'inscription
lundi 2 juin 2008
Statut
Membre
Dernière intervention
20 mars 2009
7
12 juin 2008 à 10:30
12 juin 2008 à 10:30
CODE DU TABLEAU:
<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">
<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom</div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>
CSS:
#tableau {
text-align: right;
font: .9em Lucida Console, hevetica, sans-serif;
}
#valider {
font: .9em comic sans ms, hevetica, sans-serif;
color: green;
font-style: italic ;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">
<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom</div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>
CSS:
#tableau {
text-align: right;
font: .9em Lucida Console, hevetica, sans-serif;
}
#valider {
font: .9em comic sans ms, hevetica, sans-serif;
color: green;
font-style: italic ;
}
Nabla's
Messages postés
18149
Date d'inscription
mercredi 4 juin 2008
Statut
Contributeur
Dernière intervention
28 avril 2014
3 219
12 juin 2008 à 10:44
12 juin 2008 à 10:44
deja, ta balise de debut de formulaire (form) doit etre inséré AVANT les donnéés a envoyer, et se fermer apres ...
ensuite, elle doit specifier la method, et le fichier de destination, comme dans l exemple que je j ai filé.
regarde pour nom ...
ton fichier de traitement php, avec extention.php svp:
<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">
<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom <?php echo $_POST['nom']; ?></div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>
ensuite, elle doit specifier la method, et le fichier de destination, comme dans l exemple que je j ai filé.
regarde pour nom ...
ton fichier de traitement php, avec extention.php svp:
<html>
<head>
<link rel="stylesheet" type="text/css" href="acceuil.css">
<div id ="tableau">
<title>Tableau</title>
</head>
<body bgcolor="#AFDCF4">
<table width="100%" border cellspacing cellpadding >
<tr>
<td>
<div align="center">Date </div> </td>
<td>
<div align="center">Destinataire</div> </td>
<td>
<div align="center">Client</div> </td>
<td>
<div align="center">Nom <?php echo $_POST['nom']; ?></div> </td>
<td>
<div align="center">Adresse</div> </td>
<td>
<div align="center">Code Postal</div> </td>
<td>
<div align="center">Ville</div> </td>
<td>
<div align="center">Telephone</div> </td>
<td>
<div align="center">Objet de l'appel</div> </td>
</div>
</tr>
</table>
<br></br>
<div id ="Valider">
<td height="30">
<div align="center"><form><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Nouvel Appel" onClick="self.location.href=('test.html')"></FORM>
</div>
</td>
</div>
</body>
</html>
12 juin 2008 à 09:53