A voir également:
- Formulaires php
- Easy php - Télécharger - Divers Web & Internet
- Get_magic_quotes_gpc php 8 ✓ - Forum PHP
- Href php ✓ - Forum PHP
- Http //epreuves.pix.fr/dossier fictif/formulaires/remplir.pdf ✓ - Forum Créer un site
- Bouton php - Forum PHP
6 réponses
Passarinho44
Messages postés
963
Date d'inscription
mercredi 28 mai 2008
Statut
Contributeur
Dernière intervention
13 juin 2012
132
26 août 2009 à 10:33
26 août 2009 à 10:33
Voici une petite page de test qui fait ça.
Je te laisse la reprendre et l'adapter à tes besoins :
<html>
<head>
<title>Test</title>
<script type="text/javascript">
// Fonction qui ajoute un champ type="text" dans une div sous le champ déjà existant
function ajout_ch() {
// On récupère la grande div qui contient tous les champs file
var c1 = document.getElementById('formulaire');
// On récupère toutes les divs dans celle-ci
var inputs = c1.getElementsByTagName("input");
// On crée les id
var num_id = inputs.length;
var nouv_id = "ch" + num_id;
var nouv_did = "dch" + num_id;
// On crée la div
var la_div = document.createElement("div");
//On lui rajoute un id
la_div.setAttribute('id', nouv_did);
// On la met dans le formulaire
c1.appendChild(la_div);
la_div.innerHTML = "Un nouveau champ : ";
// On crée le champ
var le_champ = document.createElement("input");
// On lui rajoute ses propriétés
le_champ.setAttribute('type', 'text');
le_champ.setAttribute('name', nouv_id);
le_champ.setAttribute('id', nouv_id);
// On l'ajoute dans la div qu'on vient de créer
la_div.appendChild(le_champ);
}
</script>
</head>
<body>
Formulaire : <br />
<form id="formulaire" action="" method="get">
<div id="dch0">
Ton premier champ : <input type="text" name="ch0" id="ch0" />
</div>
<div id="dch1">
Ton deuxieme champ : <input type="text" name="ch1" id="ch1" />
</div>
</form>
<input type="button" value="Nouveau champ !" onclick="ajout_ch();" />
</body>
</html>
Je te laisse la reprendre et l'adapter à tes besoins :
<html>
<head>
<title>Test</title>
<script type="text/javascript">
// Fonction qui ajoute un champ type="text" dans une div sous le champ déjà existant
function ajout_ch() {
// On récupère la grande div qui contient tous les champs file
var c1 = document.getElementById('formulaire');
// On récupère toutes les divs dans celle-ci
var inputs = c1.getElementsByTagName("input");
// On crée les id
var num_id = inputs.length;
var nouv_id = "ch" + num_id;
var nouv_did = "dch" + num_id;
// On crée la div
var la_div = document.createElement("div");
//On lui rajoute un id
la_div.setAttribute('id', nouv_did);
// On la met dans le formulaire
c1.appendChild(la_div);
la_div.innerHTML = "Un nouveau champ : ";
// On crée le champ
var le_champ = document.createElement("input");
// On lui rajoute ses propriétés
le_champ.setAttribute('type', 'text');
le_champ.setAttribute('name', nouv_id);
le_champ.setAttribute('id', nouv_id);
// On l'ajoute dans la div qu'on vient de créer
la_div.appendChild(le_champ);
}
</script>
</head>
<body>
Formulaire : <br />
<form id="formulaire" action="" method="get">
<div id="dch0">
Ton premier champ : <input type="text" name="ch0" id="ch0" />
</div>
<div id="dch1">
Ton deuxieme champ : <input type="text" name="ch1" id="ch1" />
</div>
</form>
<input type="button" value="Nouveau champ !" onclick="ajout_ch();" />
</body>
</html>
aniomus
Messages postés
372
Date d'inscription
dimanche 10 août 2008
Statut
Membre
Dernière intervention
23 juillet 2010
129
26 août 2009 à 09:08
26 août 2009 à 09:08
Bonjour,
Si tu veux afficher une autre formulaire totalement différent de celui-ci
sans recharger avec un bouton, je pense qu'il faut se servir du Java Script
Par contre me demande pas comment, je ne connais pas le Java Script ;-)
Tu peux aller faire un tour sur le https://openclassrooms.com/fr/
Y a plein de tutos sur xHTML, PHP et Java Script !
Cordialement
Si tu veux afficher une autre formulaire totalement différent de celui-ci
sans recharger avec un bouton, je pense qu'il faut se servir du Java Script
Par contre me demande pas comment, je ne connais pas le Java Script ;-)
Tu peux aller faire un tour sur le https://openclassrooms.com/fr/
Y a plein de tutos sur xHTML, PHP et Java Script !
Cordialement
merci aniomus pour ton aide mais moi je veut afficher un formulaire qui est identique au précèdent.
par exemple on te dit de mettre les noms de tes frères et il n'y a qu'un seul formulaire mais toi t'as 2 frères donc il faut ajouter un autre formulaire.
par exemple on te dit de mettre les noms de tes frères et il n'y a qu'un seul formulaire mais toi t'as 2 frères donc il faut ajouter un autre formulaire.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
aniomus
Messages postés
372
Date d'inscription
dimanche 10 août 2008
Statut
Membre
Dernière intervention
23 juillet 2010
129
26 août 2009 à 11:44
26 août 2009 à 11:44