2017-10-20 43 views
0

Je veux faire un sondage basé sur des formulaires, dans lequel j'essaie d'obtenir le nouveau formulaire suivant après un envoi sur le premier formulaire comme ci-dessous.comment arriver au formulaire suivant après l'envoyer mais c'est sur la même page

<form id="pass" action="form.html" method="get"> 
---some code for users to select answers-- 
<button type="submit" form="nextpass" value="next"> 
</form> 
<form id="nextpass" action="form.html" method="get"> 

Les deux formes sont affichées sur la même page, mais quand j'appuie sur le bouton suivant, je reçois l'erreur « ne peut pas obtenir/».

+0

Vous ne savez pas ce que vous demandez. Ne voulez-vous pas réellement soumettre les formulaires, mais seulement sauter à une section spécifique de la page, ou peut-être même mettre l'accent sur un champ de formulaire spécifique? Ensuite, utilisez des liens d'ancrage, pas de boutons. – CBroe

+0

je veux bien sûr, c'est le but de l'enquête :) la chose soumise sera mis à la fin des formulaires remplis, mais ce que je demande est plusieurs formulaires lorsque "suivant" après avoir rempli chaque formulaire, par exemple: j'ai complété un forme puis je clique à côté d'un autre formulaire (c'est sur la même page/même sujet d'enquête) mais je pourrais utiliser des liens d'ancrage dans ce cas mais je ne sais pas s'il est possible de casser une page en html Je le ferais mais cela semble inconfortable pour moi). – johnydogz

+0

Vous pouvez spécifier un 'min-height: 100vh' pour le formulaire ou un élément conteneur parent, de sorte que chacun couvrira au moins une hauteur d'écran ... ce serait un moyen facile et bon marché d'avoir l'illusion d'aller à un autre page". Si vous voulez plus que cela, alors je vous suggère d'aller chercher une solution JavaScript "à onglets". – CBroe

Répondre

0

Le moyen le plus simple est de donner un nom unique à chaque bouton de soumission. Ensuite, vérifiez si elle a été soumise et traitez-la en conséquence.

<form id="form_1" action="" method="post"> 
<input type="submit" name="submit_1" value="Submit" /> 
</form> 

<form id="form_2" action="" method="post"> 
<input type="submit" name="submit_2" value="Submit" /> 
</form> 


<?php 

if($_POST['submit_1']) { 

// Do stuff 

//hide form 1 
echo "<style>#form_1{display:none}</style>"; 
     } 
     else if($_POST['submit_2']) { 

      // Do stuff 

     } 

     ?> 
+0

en utilisant php ou javascript je sais que cela peut être fait, mais je voudrais plutôt savoir si cela peut être fait en utilisant html seulement (peut-être qu'il ya une fonctionnalité pour cela par html5)? – johnydogz

+0

pour soumettre un formulaire vous avez besoin d'un langage côté serveur, vous ne pouvez pas faire par html seulement vous auriez besoin ajax – M0ns1f