避免将其返回页面顶部

Question

我希望当我按下提交按钮时，页面仍保留在当前位置，我知道必须使用它：

<form action="<?php echo $_SERVER['PHP_SELF'].'#ancre'.$i ?>" method="post"> 

和

<span id="#ancre"></span>

但是我不知道定位在哪里，至少在我尝试它时不起作用。 我的代码：

<form action="<?php echo $_SERVER['PHP_SELF'].'#ancre2'.$i ?>" method="post">
                  <h1>
                      <label for="reponse">Votre r&eacuteponse :</label>
                      <input class="question" type="text" name="reponse" 
                       placeholder="Avec l'unit&eacute" size="10" maxlength="10" 
                       />
                      <input type="submit" name="valider2" value="V&#233rifier 
                      r&#233ponse" />
                      <?php
                      if(isset($_POST['valider2'])) {
                          $reponse = -1;
                          $personne=$_POST['reponse'];
                          if ($personne == $reponse) {
                              echo 'Bravo vous avez juste !';
                          }
                          else {
                              echo 'Vous avez faux, concentrez-vous';
                          }
                      }
                      ?>
                      <span id="#ancre2"></span>
                  </h1>
</form>

Answer 1

您可以向sys.stdout.write()元素添加onSubmit="return false;"。这将在提交时停止任何表单操作。

Fiddle

Answer 2

将<span id="#ancre2"></span>移出h1标记。并创建一个id为'ancre2'的div。

之后似乎工作。