当用户进入下一个表单时保存表单的输入

时间:2013-12-24 06:11:27

标签: html forms

我的表格很长,所以我需要把它分成不同的页面。

我的问题是:

1)当用户导航到下一个表单时如何保存表单输入,当用户返回上一个表单时,之前输入的数据仍然存在。

2)如何保存不完整表单的数据并为用户提供链接,以便他可以在实际提交之前转到该链接并继续填写表单。

请告诉我如何实现这些目标。提前谢谢。

3 个答案:

答案 0 :(得分:2)

只需将表单提交到下一个表单页面,然后在下一个表单页面中,您可以使用来自form1的接收数据填充隐藏字段

form2.php

$form1Field = $_POST;

form2.php

<form action="form3.php">
    <input id='form1_name' type='hidden' value='<?=form1Field['name']?>' />
    <input id='form12_email' type='text' value='' />
</form>

@ katti的建议很好,简单的方法是为每个表单制作divs并使用css隐藏&#34; display:none&#34;除了1st之外的所有divs,然后在单击按钮上,隐藏div1并显示div2等等。这样你就不需要很多形式,需要更少的代码和更快的解决方案。

答案 1 :(得分:1)

您可以使用隐藏字段来实现此目的。或者将数据保存在cookie中。

答案 2 :(得分:1)

您可以使用JavaScript动态加载表单的下一部分来划分表单。 这也是一种更好的用户体验,也没有完全加载新页面。 在这种情况下,您可以将表单内容保存在JSON对象中,一旦用户点击提交,该对象就可以发布到服务器。