Augmenter nombre inputs dans form HTML en fonction de l'utilisat

Résolu/Fermé

M_Tufux - 24 avril 2017 à 09:59
M_Tufux - 24 avril 2017 à 11:44

Bonjour,

Toujours dans le cadre de mon examen de diplôme, j'aimerais faire la chose suivante:

Pour être bref, mon site permet de gérer des sondages. Une sorte de doodle où il faut voter.

Lorsqu'un utilisateur crée un sondage, il arrive sur un formulaire où il renseigne titre, description du sondage ainsi que les options pour lesquelles voter. J'aimerais afficher de base 2 input pour les choix 1 et 2, mais j'aimerais savoir s'il y a possibilité d'augmenter le nombre d'input manuellement depuis le formulaire, un peu comme quand on insère des lignes dans phpMyAdmin.

Est-ce que qqn pourrait me renseigner svp?
Merci!

A voir également:

Augmenter nombre inputs dans form HTML en fonction de l'utilisat
Fonction si et - Guide
Mise en forme conditionnelle excel - Guide
Editeur html - Télécharger - HTML
Comment augmenter la luminosité de l'écran - Guide
Nombre facile - Télécharger - Outils professionnels

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38464 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 avril 2025 4 741
24 avril 2017 à 10:01

Bonjour,

Oui c'est possible ... Il suffit de les créer en Javascript.

M_Tufux
24 avril 2017 à 10:39

Yep!

Merci c'est bon j'ai trouvé sur ce lien (pas sûr que le lien soit légal mais bon):
https://openclassrooms.com/forum/sujet/ajouter-champ-formulaire-automatiquement-52099

Et autre question maintenant, comment je peux faire pour conserver les inputs déjà écrits lorsque j'en ajoute d'autres?

jordane45 Messages postés 38464 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 avril 2025 4 741 > M_Tufux
24 avril 2017 à 10:56

Va falloir commencer à être un peu plus précis dans tes questions ...
1 - Montrer le code que tu utilises (en suivant ce tuto https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code )

2 - En expliquant en détail ce que tu souhaites faire.
Par exemple ... les "conserver" .. c'est à dire ? Suite à quelle opération ?

M_Tufux > jordane45 Messages postés 38464 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 avril 2025
24 avril 2017 à 11:16

Yep, je n'ai pas l'icône pour insérer une image mais bref.

Voici mon code

<label>Option</label>
<input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/>
              
<div id="option">
 <!-- 2 OPTIONS PAR DEFAUT -->
<input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/>
 </div>

              <!-- AJOUT D OPTIONS AVEC CLIC SUR + -->
             <code js>
              <script type="text/javascript" >
                  var div = document.getElementById('option');
                  function addInput(nam){
                      var input = document.createElement("input");
                      input.name = option;
                      div.appendChild(input);
                  }
                  function addField() {
                      addInput("option[]");

                      div.appendChild(document.createElement("br"));
                  }
              </script>

</code>

Ce que je veux faire c'est: Lorsque je clique sur le bouton "+", un nouveau input apparaît avec un

<br/>

. Le contenu des inputs déjà remplis doit rester et ceux que je crée via le bouton "+" doivent garder les mêmes propriétés que les inputs de base.

Est-ce que je me suis mieux exprimé?

jordane45 Messages postés 38464 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 12 avril 2025 4 741 > M_Tufux
24 avril 2017 à 11:21

 input.name = "option[]";
//pour la class
input.className = " form-control";

//maxlength
input.setAttribute('maxLength',4);

//etc...

M_Tufux
24 avril 2017 à 11:30

Yes c'est bon j'ai. Merci!

Voici ma solution pour le coup (j'ai la flemme d'indenter):

<label>Option</label>
              <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/>
              <div id="option">
                <!-- 2 OPTIONS PAR DEFAUT -->
                <input class="form-control" type="text" name='option[]' placeholder="Option/candidat" maxlength="4"/><br/>
              </div>

              <!-- AJOUT D OPTIONS AVEC CLIC SUR + -->
              <script type="text/javascript" >
                var div = document.getElementById('option');
                function addInput(nam){
                    var input = document.createElement("input");
                     input.name = "option[]";
                     input.className = "form-control";
                     input.placeholder = "Option/candidat";
                    div.appendChild(input);
                }
                function addField() {
                    addInput("option[]");
                    div.appendChild(document.createElement("br"));
                }
              </script>

Discussions similaires

Score qui augmente de 20 à 30 points d'un coup

Bonjour, Mon ami me dit ne parler qu'avec moi sur Snapchat. Quand on s'envoie des snaps je vois mon propre score augmenter d'un point à chaque snap. Mais le sien ne bouge pas de suite et parfois en fin de journée ou le lendemain il s'en pend 30 d'un coup ! Mais cela ne correspond pas au nombre de snaps échangés et il arrive que son score augmente les jours où on ne s'y parle pas... Une explication ? A part qu'il parle sûrement avec d'autres personnes, je ne vois pas..

la balise ou

Bonjour,

Quelle est la difference entre la balise
et
?

Pourquoi utiliser l'un et pas l'autre ?

Merci d'avance,

Comment donner accès à un Google Form sans compte Gmail

Bonjour,
J'ai crée un questionnaire/sondage via Google Form mais les personnes ayant le lien doivent absolument se connecter à leur compte Google pour pouvoir y accéder.
peux t'on le faire sans avoir de compte
Quelqu'un pourrait-il m'aider ?
merci

ou ou

Bonjour,

Comme on lit un peu tout et son contraire sur internet, je voudrais savoir quelle est la balise que l'on doit utiliser pour un retour à la ligne en HTML5.

Merci. :)

Configuration: Windows 7 / Chrome 22.0.1229.79

Nuages de point avec abscisses différentes

Bonjour à tous,

Je souhaite créer un graphs en nuage de point mais avec pour chaque série, des valeurs d'abscisses différentes.

par exemple, les séries suivantes...

SERIE A
colonnes
A B
2 10,2
2 12,5
12 15,3
22 18,4
32 22,5
32 23,5

SERIE B
colonnes
A B
4 9,2
4 11,5
14 14,3
24 19,4
34 23,5
34 24,5

où les valeurs de la colonne A sont les abscissees, et B les ordonnées.

le but étant de comparer des séries de valeurs similaires mais évitant qu'elles se chevauchent.