Pour copier un formulaire HTML dans un autre formulaire, vous pouvez identifier les champs avec un id
, puis utiliser la méthode getElementById()
pour récupérer leurs valeurs.
On crée ainsi une fonction JavaScript qu'on exécute via un évènement onChange
que l'on place sur la case à cocher.
Voici un exemple pour copier un input
HTML dans un autre input lorsqu'une case est cochée :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Comment copier un formulaire HTML dans un autre formulaire ?</title>
</head>
<body>
<form>
<input type="text" id="adresse_facturation" placeholder="Adresse de facturation">
</form>
<input type="checkbox" id="case" onchange="copierFormulaire()"> Cochez la case si l'adresse de livraison est identique à l'adresse de facturation
<form>
<input type="text" id="adresse_livraison" placeholder="Adresse de livraison">
</form>
<script>
function copierFormulaire()
{
if (document.getElementById("case").checked)
{
document.getElementById("adresse_livraison").value = document.getElementById("adresse_facturation").value;
}
else
{
document.getElementById("adresse_livraison").value = "";
}
}
</script>
</body>
</html>