【问题标题】:Multiple dinamic forms that become a single one多个动态表单合并为一个
【发布时间】:2016-07-20 07:14:52
【问题描述】:

应该是 4-5 个表格,每个表格都有一些输入类型(比如第二个表格有 3 个选择选项,您可以在其中选择您的生日)。所有这些都在一条水平线上。完成一个后,我可以按按钮“继续”,我当前的表单进入后台,下一个在前面(当前表单在聚光灯下),其余的在后台。按下继续后,表单的值显示在该表单上(比如我完成了一个文本框并按继续,带有我的数据的文本框成为该表单上的文本)。在最后一个表单中显示了之前 4/5 表单中的所有数据。

我不能使用 php,只能使用基本的 js/css/html。 那么如何制作继续按钮并在表单之间传输数据呢?

【问题讨论】:

  • 这些需求是否需要构建.. 有什么问题
  • @Stallion 我不知道如何从表单传输数据以及如何制作继续按钮。我编辑了我的帖子,感谢您的观察
  • 看到您的要求,您可以将项目添加到全局或某个命名空间下的 javascript 变量中,然后最后读取该变量。你的问题不好,你的问题很模糊,但全局变量可以解决你的问题
  • @Stallion 谢谢,但我如何使继续按钮淡入效果?

标签: javascript css html forms


【解决方案1】:

您可以使用 CSS3 在浏览器中制作动画。但我的建议是不要使用太多,因为很多动画会导致浏览器卡顿。

这里有一些例子: http://www.w3schools.com/howto/howto_css_animate_buttons.asp

还可以使用 css 使表单不可见。如果您使用一点 javascript,您可以在单击按钮时触发该事件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-07
    • 2019-05-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多