Forum d'entraide PHPFrance

Bonjour à tous , j'ai un soucis dans la récupération d’éléments saisie(type text) et coché(type radio) de mon formulaire seulement dans des input qui s'ajoute dynamique par l'utilisateur. Voici les images qui illustre mon formulaire :



En effet en bas de ma page avec : <?php var_dump($_POST); ?> je vois ce qui a été posté , et j'ai le titre du questionnare , la question mais pas les réponses .

J'ai même fais un print $_POST[name des input]; , et j'ai bien le titre questionnaire , la question mais pour les input ajouté dynamiquement on m'indique une erreur on me disant que les name indiqué dans $_POST[] n’existe pas .

Voici mon code :

<!-- ma page formulaire.Php -->
<br><!-- Le Début du formulaire ICI-->
<form method="POST" action="">
        <p>Saisir le titre de votre questionnaire</p>
        <br>
 
        <div class="input-group">
          <span class="input-group-addon">Questionnaire :</span>
          <input type="text" class="form-control" name="titreQuestionnaire" placeholder="Saisir le nom du questionnaire"  required>
        </div>
 
<br>
  <p>Saisir une question </p>
    <br>
    <div class="input-group">
      <span class="input-group-addon">Question :</span>
      <input id="question" type="text" class="form-control col-lg-4" name="Question" placeholder="Saisir la question"  required >
 
    </div>
 
  <br>
 
 
   </div><!-- id="test" class="jumbotron" -->
</div>
 
<div id="conteneur" class="jumbotron">
  <div id=Image>
    <ul class="nav nav-tabs nav-justified typeImage">
    <li><a href="#Image" role="Image">Ajouter Une Image</a></li>
      <div class="typeImage typeImageBlock">
        <p><h3>Ajouter une image :</h3>
        <input type="file" id="imageQuestion" onchange="loadimageQuestion(this)"/>
        <input type="hidden" name="imageQuestion" id="imageQuestion"/></p>
        <canvas id="vue" width="0" height="0"></canvas>
          <!-- l'input imageQuestion va contenir l'image redimensionnée sous forme d'une data url -->
          <!-- c'est cet input qui sera envoyé avec le formulaire, sous le nom imageQuestion -->
          <br>
      </div>
    </ul>
    </div>
     <div class="reponses">
      <h2>Réponses :</h2>
      <ul class="nav nav-tabs nav-justified typeReponse">
        <li>
          <a href="#typeVraiFaux" role="typeVraiFaux" style="background-color:#EEEEEE;">Vrai/Faux</a></li>
        <li><a href="#typeChoixMulti" role="typeChoixMulti">Choix multiple</a></li>
        <li><a href="#typeQuestionTroue" role="typeQuestionTroue">Réponse libre</a></li>
      </ul>
 
      <div class="typeVraiFaux typeReponseBlock">
        <p><h3>Vrai faux :</h3></p>
        <hr>
        <button id="buttonAjoutVraiFaux" href="#" type="button" href="#aboutModal" data-toggle="modal" data-target="#myModal" class="btn btn-circle btn-success" title="Ajouter vrai/faux pour la question" onclick='ajoutReponseVraiFaux("VraiFaux")'><b>+</b></button>
        <!-- <button type="button" class="myButton" onclick="ajoutReponse()" title="Ajout une reponse">+</button> -->
        <!-- disabled  $('button').prop('disabled', true); -->
        <div id="VraiFaux">
        </div>
        <br>
              <div id="Cible"><input type="submit" name="" value="Ajouter la question" class="btn btn-success btn-block btnAjouterQuestion"></div>
      </div><!-- .typeVraiFaux -->
 
      <div class="typeChoixMulti typeReponseBlock">
        <p><h3>Choix multiple :</h3></p>
        <hr>
        <button id="buttonAjoutMulti" href="#" type="button" href="#aboutModal" data-toggle="modal" data-target="#myModal" class="btn btn-circle btn-success" title="Ajouter une reponse" onclick='ajoutReponse("ChoixMulti")'><b>+</b></button>
        <!-- <button type="button" class="myButton" onclick="ajoutReponse()" title="Ajout une reponse">+</button> -->
        <!-- disabled  $('button').prop('disabled', true); -->
        <div id="ChoixMulti"></div>
        <br>
        <div id="Cible"><input type="submit" name="" value="Ajouter la question" class="btn btn-success btn-block btnAjouterQuestion"></div>
      </div><!-- .typeChoixMulti -->
 
      <div class="typeQuestionTroue typeReponseBlock">
        <p><h3>Réponse libre :</h3></p>
        <hr>
        <button href="#" type="button" href="#aboutModal" data-toggle="modal" data-target="#myModal" class="btn btn-circle btn-success" title="Ajout une reponse" onclick='ajoutReponseLibre("QuestionTroue")'><b>+</b></button>
        <!-- <button type="button" class="myButton" onclick="ajoutReponse()" title="Ajout une reponse">+</button> -->
        <!-- disabled  $('button').prop('disabled', true); -->
        <div id="QuestionTroue"></div>
        <br>
      <div id="Cible"><input type="submit" name="" value="Ajouter la question" class="btn btn-success btn-block btnAjouterQuestion"></div>
      </div><!-- .typeQuestionTroue -->
 
    </div><!-- .reponses -->
</div><!-- 2e conteneur -->
<!-- Le Fin du formulaire ICI-->
</form>

Aidez-moi s'il vous plais parce que là je n'y comprend plus rien...

content = '<form>
cela va aboutir à des form dans des form, à éviter.

Oui je m'en excuse c'est une erreur de ma part j'ai corrigé sa et j'ai laissé qu'un form avant la saisie du formulaire cependant toujours pareil je ne récupère pas les réponse ou la valeur du radiobutton ,

C'est bon les gens j'ai résolue mon problème , j'ai juste ajouter un input réponse au lieux dans mettre sur chaque onglet