javascript - 构建多页响应式表单的最佳方式是什么？

Question

我必须设计这么长的表单，而且它必须是响应式的。在桌面布局中显示大量控件没有问题，但在移动设备中就不一样了。所以我把表格分成“步骤”，像这样:

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

    <h1>My Wizzard</h1>

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

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

因此，使用 CSS，我一次隐藏和显示一个步骤。问题是我需要在每个 div-step 上都有一个提交按钮，因为如果没有，表单就会被隐藏。在最后一步之前我真的不需要提交。所以，现在我想知道我的设计是否正确，是否有其他更好的方法。

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

Answer 1

好吧，你可以在每一步都使用下一步按钮，你可以通过 onclick 触发 AJAX 请求将该数据保存到数据库，或者如果你想保存它对于浏览器，您也可以这样做。

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