构建多页面响应表单的最佳方法是什么？

Question

我必须设计一个如此长的形式，它必须具有响应性。在桌面布局中，显示大量控件没有问题，但在移动设备中却不一样。所以我将表格划分为“步骤”，如下所示：

<form action="#" method="post">

    <h1>My Wizzard</h1>

    <div id="first_step">
    ...
    </div>

    <div id="second_step">
    ...
    </div>
</form>

所以，使用CSS我隐藏并显示一步。问题是我需要在每个div步骤上提交一个提交按钮，因为如果不是，则隐藏表单。直到最后一步，我真的不需要提交。所以，现在我想知道我是否正确设计这个，以及是否还有其他更好的方法。

任何建议将不胜感激！提前谢谢，

Answer 1

你可以在每一步使用下一个按钮，onclick你可以发出AJAX请求将数据保存到数据库，或者如果你想将它保存到浏览器，你可以做它也是。

最后在最后一步使用提交按钮。