JSFiddle - React, Tailwind, and code Playground
HTML
<div class="formConteneur">
<form action="" method="post" id="" class="formProfil">
<hr />
<label class="checkbox-inline inputsNonAutres">
<input type="radio" id="typeSituation-famille" value="typeSituation-famille" checked name="typeSituation4" /> Famille (ou assimilé) </label>
<label class="checkbox-inline inputsNonAutres">
<input type="radio" id="typeSituation-voisin" value="typeSituation-voisin" name="typeSituation4" /> Voisin </label>
<label class="checkbox-inline inputsNonAutres">
<input type="radio" id="typeSit ation-ami" value="typeSituation-ami" name="typeSituation4" /> Ami </label>
<label class="checkbox-inline inputsNonAutres">
<input type="radio" id="typeSituation-aideDomicile" value="typeSituation-aideDomicile" name="typeSituation4" /> Aide à domicile </label>
<label class="checkbox-inline">
<input type="radio" id="typeSituation-autre" value="typeSituation-autre" name="typeSituation4" /> autre </label>
<label class="checkbox-inline">
<input type="text" class="form-control round-form inputAutre" placeholder="Autres" style="width: 100%; !important; font-size:12px !important;" id="autresInput" /> </label>
<br />
<div class="boutFormSupprimer">X</div>
<div class="ligneForm ligneFormProfil ">
<label class="col-sm-2 col-sm-2 control-label" for="seniorNom" style="font-size:18px !important;">Nom </label>
<input type="text" name="seniorNom" id="seniorNom" class="inputSideContenu inputProfil inputProfilSenior" value="Martine" /> </div>
<div class="ligneForm ligneFormProfil ">
<label class="col-sm-2 col-sm-2 control-label" for="seniorPrenom" style="font-size:18px !important;">Prénom </label>
<input type="text" name="seniorPrenom" id="seniorPrenom" class="inputSideContenu inputProfil inputProfilSenior" value="Martine" /> </div>
<div class="ligneForm ligneFormProfil ">
<label class="col-sm-2 col-sm-2 control-label" for="seniorDate" style="font-size:18px !important;">Anniversaire </label>
<input...
JavaScript
// AJOUTER FORMULAIRE
$(document).on('click', '.boutFormAjouter', function(){
$.get( "formConteneur.html", function( data ) {
$( ".formImport" ).append( data );
alert( "Une personne a été ajoutée" );
});
});
// SUPPRIMER FORMULAIRE
$(document).on('click', '.boutFormSupprimer', function(){
$(this).parents('.formConteneur').remove();
$('.boutFormAjouter').css("display","block");
$('.boutFormDupliquer').remove();
});