我必须设计这么长的表单,而且它必须是响应式的。在桌面布局中显示大量控件没有问题,但在移动设备中就不一样了。所以我把表格分成“步骤”,像这样:
<form action="#" method="post">
<h1>My Wizzard</h1>
<div id="first_step">
...
</div>
<div id="second_step">
...
</div>
</form>
因此,使用 CSS,我一次隐藏和显示一个步骤。问题是我需要在每个 div-step 上都有一个提交按钮,因为如果没有,表单就会被隐藏。在最后一步之前我真的不需要提交。所以,现在我想知道我的设计是否正确,是否有其他更好的方法。
任何建议将不胜感激!!提前致谢,
最佳答案
好吧,你可以在每一步都使用下一步按钮,你可以通过 onclick
触发 AJAX
请求将该数据保存到数据库,或者如果你想保存它对于浏览器,您也可以这样做。
最后在最后一步使用提交按钮。
关于javascript - 构建多页响应式表单的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25498471/