建议：带有分页的PHP HTML问卷表

我的任务是创建一个（相当长的）调查表表单，并将答复保存到SQL数据库中。我想把它分成更容易消化的块——我的想法是使用分页。例如，1页用于个人详细信息，第二页用于主题1的反馈，第三页用于主题2的反馈等

我使用分页从带有过滤器的数据库中读取数据。我使用表单向数据库写入数据；但是，我在尝试概念化如何对html表单进行分页时遇到了困难，并且只有在整个表单完成后才提交（$\u POST）数据（我可以看到，导航到其他页面将丢失任何表单信息）。随着新问题的增加和旧问题的删除，调查问卷的大小将随着时间的推移而动态变化

到目前为止，我的想法是： a） 在完成每个页面后写入数据库，如果用户希望返回该页面，请重新读取信息，预填充字段，允许他们编辑。。。 b） 按下“下一步”按钮后，使用$\u会话变量存储页面的每个字段，并且仅在表单的末尾使用$\u过账，调用所有会话变量。虽然我不确定如何构造最后的$\u POST语句，但我从未在$\u POST语句中使用过会话变量

我倾向于只使用HTML、CSS和PHP——主要是因为我对JavaScript、AJAX等几乎没有经验

有没有人有过仅使用HTML和PHP创建这种分页表单的经验？如有任何建议，将不胜感激

---

谢谢您

如果您在其中添加jquery，会容易得多，因为您不熟悉jquery。下面是您的快速代码：

<script src="https://code.jquery.com/jquery-1.11.2.js"></script>
<form>
    <div id="first">
        personal details
        <input type="text">
        <input type="text">
    </div>

    <div id="second" style="display:none">
        feedback on topic #1
        <input type="text">
    </div>

    <div id="third" style="display:none">
        feedback on topic #2
        <input type="text">
        <input type="submit">
    </div>
</form>
<br><br>
<div id="page_menus">
    <a id="get_first" style="cursor:pointer">1</a>
    <a id="get_second" style="cursor:pointer">2</a>
    <a id="get_third" style="cursor:pointer">3</a>
</div>

<script>
    $('#get_first').click(function(){
        $('#first').show()
        $('#second').hide()
        $('#third').hide()
    })
    $('#get_second').click(function(){
        $('#first').hide()
        $('#second').show()
        $('#third').hide()
    })
    $('#get_third').click(function(){
        $('#first').hide()
        $('#second').hide()
        $('#third').show()
    })
</script>

个人资料
关于主题1的反馈
关于主题2的反馈



我会在每个步骤后将所有内容存储在DB中。如果用户在中途决定不想完成并退出，至少你会得到这些数据。有了这些会话，数据就会消失（或者让你很难找）。很酷，谢谢。这是否仍然适用于嵌入在标记之间的PHP代码（我在其中使用PHP过滤问题等）？明天我会试试这个，现在是我工作日的最后一天：）只要你不改变div id和jquery代码，你就可以自由地替换每个div中的内容谢谢开尔文。一旦有机会尝试，我会尽快给出反馈。嗨，开尔文，我有点卡住了，只有第一个“橡树”显示，我没有菜单按钮导航到下一个“页面”：嗨，开尔文，很抱歉之前的评论。。。我有点卡住了，下面的内容似乎不起作用，你能建议改进吗？'代码'var my_page=var my_get=$（'#my_get'）。单击（函数（）{$（'#my_page'）。显示（）}我不确定小提琴是什么？