Reproduire une partie d'un formulaire dans la même page
smith
-
smith -
smith -
salut à tous et à toues
je suis un debutant en developpement web, j'ai un petit souci avec mon application web
j'aimerais reproduire une partie de mon formulaire dans la même page en cliquant sur un bouton ajouter donc SVP j'ai besoin de votre aides
voici le code de mon formulaire:
<!DOCTYPE>
<html>
<body>
<form name="cmdutilisateur" method="post" action="#">
<div class="passer">
<fieldset>
<legend><h3>En-tête :</h3> </legend>
Date : <input type="date" name="date" id="date" required="required" /><br />
Demandeur :<input type="text" name="demandeur" id="demandeur" required="required" /><br />
Objet :<input type="objet" name="objet" id="objet" required="required" />
</fieldset>
<br />
<fieldset>
<legend><h3>Liste : </h3></legend>
Nom Article :<input type="text" name="article" id="article" required="required" /><br />
Reference :<input type="text" name="reference" id="reference" /><br />
Quantité :<input type="text" name="quantite" id="quantite" /><br />
Argument :<textarea name="argument" id="argument" rows="8" cols="60"></textarea><br />
</p><hr width="550px" />
<a href="#"><img src="image/ajouter4.png" name="ajouter" id="ajouter" /></a>
</fieldset>
<div class="bouton">
<input type="submit" name="enregistre" value="Enregistrer" id="enregistre" />
<input type="reset" name="annuler" value="Annuler" id="annuler" />
</div>
</div>
</form>
</body>
</html>
j'aimerais desque je click sur le bouton ajouter il reproduit les 4 champs du 2ème fieldset qui a pour legend Liste juste après la barre horizontale, et en suite le bouton enregistrer pour prendre tous les champ du formulaire en compte
merci pour votre aide
je suis un debutant en developpement web, j'ai un petit souci avec mon application web
j'aimerais reproduire une partie de mon formulaire dans la même page en cliquant sur un bouton ajouter donc SVP j'ai besoin de votre aides
voici le code de mon formulaire:
<!DOCTYPE>
<html>
<body>
<form name="cmdutilisateur" method="post" action="#">
<div class="passer">
<fieldset>
<legend><h3>En-tête :</h3> </legend>
Date : <input type="date" name="date" id="date" required="required" /><br />
Demandeur :<input type="text" name="demandeur" id="demandeur" required="required" /><br />
Objet :<input type="objet" name="objet" id="objet" required="required" />
</fieldset>
<br />
<fieldset>
<legend><h3>Liste : </h3></legend>
Nom Article :<input type="text" name="article" id="article" required="required" /><br />
Reference :<input type="text" name="reference" id="reference" /><br />
Quantité :<input type="text" name="quantite" id="quantite" /><br />
Argument :<textarea name="argument" id="argument" rows="8" cols="60"></textarea><br />
</p><hr width="550px" />
<a href="#"><img src="image/ajouter4.png" name="ajouter" id="ajouter" /></a>
</fieldset>
<div class="bouton">
<input type="submit" name="enregistre" value="Enregistrer" id="enregistre" />
<input type="reset" name="annuler" value="Annuler" id="annuler" />
</div>
</div>
</form>
</body>
</html>
j'aimerais desque je click sur le bouton ajouter il reproduit les 4 champs du 2ème fieldset qui a pour legend Liste juste après la barre horizontale, et en suite le bouton enregistrer pour prendre tous les champ du formulaire en compte
merci pour votre aide
A voir également:
- Reproduire une partie d'un formulaire dans la même page
- Whatsapp formulaire opposition - Guide
- Supprimer une page dans word - Guide
- Formulaire de réclamation facebook - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Creer un groupe whatsapp a partir d'un autre groupe - Guide
1 réponse
voici un script qui rajoute du code html les un à la suite des autre ça devrai de suffire
<script type="text/javascript" >
function remplacerFrame(toncodehtml)
{
document.getElementById("IdDeTonElement").innerHTML += toncodehtml
}
</script>
<div id="IdDeTonElement">
<a href="#letagquimeplait" onclick="remplacerFrame('test');" >ceciest une iframe simulé </a>
</div>
<script type="text/javascript" >
function remplacerFrame(toncodehtml)
{
document.getElementById("IdDeTonElement").innerHTML += toncodehtml
}
</script>
<div id="IdDeTonElement">
<a href="#letagquimeplait" onclick="remplacerFrame('test');" >ceciest une iframe simulé </a>
</div>
('document.getElementById('article').innerHTML')