Inquiry form like on URL

时间:2013-10-29 作者:Lucian

enter image description here我需要在我的网站上做一个查询表。这demo form 是我需要的。我怎么做这个东西?我尝试过Formcraft和Gravity,但没有成功。

第一次我想选择PVC的颜色和类型。之后,一行接一行,我需要选择几个值(Open type 是组合字段,LH 中是否有数字字段mm, 且件数为组合式)。在表格底部,我需要两个按钮(另一个产品线和发送)。如果我按另一个产品,另一行似乎已填充。

如何解决这个问题?

1 个回复
SO网友:sun

您似乎在谈论多步骤表单。多步骤表单是指将包含不同部分的大型表单分为多个步骤,以便轻松、清晰地完成表单。通过这一点,您可以设置验证并将它们带到您想要的任何地方。这里有一个教程可以指导这个过程:

Multi Step Form with Progress Bar using jQuery and CSS3

将长表单分解为较小的逻辑部分,并使用进度条将其转换为多步骤表单。表单有3个字段集,包含表单的3个不同部分。字段集是绝对定位的,默认情况下只有第一个字段集可见。移动到下一节使用jQuery淡出当前字段集。animate()并从右侧引入下一个字段集。如果用户移动到上一节,则会发生相反的情况。

结束

相关推荐

如何在Contact Form 7-Forms中使用其他快捷码?

我注意到任何不是联系人表单7内置短代码一部分的短代码都不起作用。例如:我试图在contact form 7中的表单元素之间使用手风琴快捷码。但是代码不起作用。如何在不编辑联系人表单7核心文件的情况下解决此问题?