13

我正在尝试构建一个具有多个阶段的网络表单。我正在将它从 Stack Overflow / Stack Exchange 标记网络表单中提取出来。问题是,我不确定如何触发“下一阶段”动作。

举例来说,如果有人想在 Stack Overflow 上标记一个问题,您单击flag,然后一个弹出窗口提示您做出选择。如果您选择第二个选项(“它不属于这里,或者它是重复的”),表单会自动将您带到第二个屏幕。

第一个画面:

第一页

单击后,它会自动重定向到:

第二页

问题是我不知道潜在的触发器是什么。单击该单选按钮如何将最终用户发送到下一个屏幕?

我尝试检查来源,但我觉得我只看到了一半的图片:

页面源

我发现没有多少 HTML 教程有任何与此类似的练习示例。我怀疑这是 JavaScript,但我找不到会触发这些操作的链接 .js 文件。

那么:网络表单如何在点击时自动重定向?作为后续,如果它使用 JavaScript,我可以使用仅 HTML/CSS 的解决方法吗?

4

2 回答 2

7

在比框架更低的层次上考虑这一点可能会有所帮助。有两种方法可以制作多阶段表格。

第一种(通常也是较旧的)方法是将状态存储在服务器上。表单的每个阶段实际上是一个单独的表单,客户端通过问卷调查的进度保存在服务器上(例如,作为会话数据的一部分)。

第二种方式(更现代的方式)是使用 JavaScript,正如您所怀疑的那样。在这种情况下,实际上几乎没有什么黑魔法,而且点击时根本没有自动重定向。您所做的只是有一个很长的表单,您可以根据用户的选择显示/隐藏一些元素(当然,您可以<form>显示/隐藏多个元素)。

于 2012-05-11T02:49:23.420 回答
0

好吧,我会使用某种 jQuery 向导插件并使其适应我的需要。我是最近才做的,并不难。你应该试试 SmartWizard 3.0,它非常活跃,上一个版本大约是 2 个月前,编码人员很快回答了我的问题。

这是:https ://github.com/mstratman/jQuery-Smart-Wizard

您可以触发向导前进到将事件链接到单击单选按钮的操作的下一步。

祝你好运 :)

于 2012-05-11T02:58:14.950 回答