如何制作以HTML/PHP显示表单内容的确认页面？

我正在为我的数据库制作一个html/php表单。表单部分分为导航选项卡（引导）。选项卡标题为

个人信息

，

状态

，

账户

，

项目

，以及

确认

。如何在“确认”选项卡中显示前4个选项卡中的所有信息，以便用户在提交前进行查看

编辑：据我所知，我必须在“确认”选项卡中写入所有字段，并输入id以显示它们？下面是一个代码示例：

<div class="tab-content">
   <fieldset class="tab-pane active" id=pers_tab">
      <form>
         First name:<br>
            <input type="text" name="firstname"><br>
            <!-- followed by last name, email, phone, etc. -->
      </form>
   </fieldset>
</div>

如果你想尝试，我做了一些你想做的事情

我使用了一些JavaScript和jQuery库。（我不知道你是否熟悉它。我试图简单地解释我在做什么，我建议你搜索更多关于它的信息并了解其基础。：）
我假设您的引导模板已经包括
jquery.js
库

HTML

<div class="tab-content">
  <!-- Tab containing the form -->
  <fieldset class="tab-pane active" id="pers_tab">
    <form id="my_form">
      First name:<br>
      <input type="text" name="firstname" id="firstname"><br>
      <!-- Other fields (lastname, email, etc.) -->
      <button type="submit" class="btn btn-default" id="submit_btn">Submit</button>
    </form>
  </fieldset>

  <!-- Tab containing the confirmation infos -->
  <fieldset class="tab-pane" id="conf_tab">
    Please confirm your informations :<br />
    Firstname: <span id="confirm_firstname"><!-- Empty span for now, but we will put the firstname here. --></span><br />
    <button type="submit" class="btn btn-default" id="confirm_btn">Confirm</button>
  </fieldset>
</div>

分享你已经尝试过的东西。那我们就可以帮忙了我希望我以前从来没有这样做过。。大约一个月前，我只知道java。老实说，我有点迷路了。如果有人能像我5岁那样向我解释，那就太好了。为了回答你的问题，到目前为止，我已经在谷歌上搜索过了，但是没有找到我需要的。你能给我们看看你当前的HTML代码吗？您已经开始用PHP处理表单结果了吗？如果是这样的话，向我们展示已经存在的东西可能会有所帮助。对不起，那么so不是解决此类问题的合适地方（“我需要做XYZ，你能推荐一个真正符合我需要的教程吗？或者你能一步一步地驱动我吗？”）。这就是问题被否决和关闭的原因。这不是因为人们不想帮助你，而是因为这是一个非常具体的问题，仅限于你自己的问题。此外，答案可能相当长，而且是基于观点的（这样的话，它在将来对任何人都没有帮助）。首先，试着去做，然后带着一个更集中、更具体的问题自由地回来！非常感谢你的意见。帮了很多忙！然而，除了不想让事情复杂化之外，我离开导航选项卡的另一个原因是我意识到我的一些部分非常小，从一个选项卡转到下一个选项卡时看起来很尴尬。例如，“状态”只有3个输入字段，而“帐户”有8个输入字段。再次感谢。这仍然会派上用场的！：）
$(document).ready(function() {
  $('#submit_btn').click(function() {
    // Triggered when the element with id 'submit_btn' is clicked.

    // Get the value of the field with 'firstname' id.
    var firstname = $('#firstname').val();
    // Put it as text in the element with 'confirm_firstname' id.
    $('#confirm_firstname').text(firstname);

    // Hide form tab and show confirmation tab
    $('#pers_tab').removeClass('active');
    $('#conf_tab').addClass('active');

    // Prevent the form from submitting
    return false;
  });

  $('#confirm_btn').click(function() {
    // Submits the form with id 'my_form'
    $('#my_form').submit();
  });
});