A voir également:
- Formulaires php
- Easy php - Télécharger - Divers Web & Internet
- Expert php pinterest - Télécharger - Langages
- Retour a la ligne php - Forum Webmastering
- Alert php - Forum PHP
- Retour a la ligne php ✓ - Forum PHP
6 réponses
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>
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