CoffeeCup Web Form Builder(网页表单制作工具)

　　CoffeeCup Web Form Builder是一款可以帮助你设计网页表单的软件，你可以直接在软件添加新的元素，拖动软件提供的元素就可以完成设计，不需要你编辑代码，不需要你设计元素，只需要加载软件提供的表单元素就可以构建新的网页表单，适合网站设计行业的朋友使用；CoffeeCup Web Form Builder是国外软件，虽然界面是英文，但是使用过程不复杂，每个用户都可以在软件轻松设计表单，并且可以将表单发送到邮件，需要的朋友可以下载体验！

软件功能

　　1、CoffeeCup Web Form Builder软件提供多种表单设计方案

　　2、你可以在软件设置新的表单，可以添加新的元素

　　3、可以为登录网站设置表单，可以为菜单界面设置表单

　　4、拖动软件的元素就可以进入编辑界面，每个元素都可以自己调整参数

　　5、支持 Title/Heading、Text Field、Number等元素加载

　　6、可以设置一个接收发布作品的邮箱地址

　　7、支持设置在提交表单时选择您希望发生的事情。 确认消息对嵌入表单很有用

　　8、当有人完成您的fom时您将收到的消息

　　9、如果您手动导出表单以配置表单结果可以选择保存为TXT，

　　10、如果您使用S-Drive Fomms进行自动表单处理，可以设置保存到MySQL数据库

软件特色

　　（1）工具栏：管理工作区所需的一切，从保存表单到发布以便在Web上使用。

　　（2）元素窗格：在这里，您可以找到创建表单所需的所有元素，从标题到复选框。

　　（3）属性窗格：允许您设置当前所选元素的值。

　　（4）“表单选项”窗格：设置全局值，例如字体系列，大小和颜色，以及Captcha框和其他很酷的东西。

　　（5）编辑和实时预览：这是您构建表单的工作区。

安装方法

　　1、下载web-form-builder-trial-win-en-2.9-5525.exe软件直接启动安装

　　2、提示软件的安装协议内容，点击next执行下一步

　　3、提示你输入公司的名字，这里可以不输入，点击next

　　4、提示软件的安装地址设置界面C:Program Files (x86)CoffeeCup Software

　　5、可以显示准备安装的提示，点击install

　　6、现在软件开始复制数据，等待复制完毕就可以启动软件

　　7、提示安装完毕界面，不要启动软件，点击finish

破解方法

　　1、打开你下载的fix文件夹，复制两个补丁到软件软件的安装地址替换

　　2、如图所示，这里是替换的界面，替换主程序就可以激活软件

　　3、打开软件显示如下图的界面，现在你可以设计表单，适合会英文的朋友使用！

　　4、可以在界面设计元素，支持点击此处或在此处拖动元素即可开始使用

　　5、如图所示，直接在右边找到你需要使用的元素，随后在右边编辑相关的元素内容

　　6、例如你添加一个邮箱元素，可以在右边找到相关的参数设置，可以输入新的名字，可以调整排版样式

　　7、小编将原来的邮箱标题设置为河东软件园邮箱，其他的内容自己选择吧

　　8、也可以设置颜色，对当前的项目配置新的颜色内容

　　9、也可以对Select a date设计，所有元素都在右边编辑参数

　　10、下方是提交设置功能，当客户需要提交表单界面内容的时候就点击 Submit

　　11、 Submit也可以在这里设置，帮助用户重新设置提交表单的元素内容

　　12、设计完毕点击save就可以保存当前的项目，这样你的表单内容就编辑完毕了

　　13、点击 Web Form Builder Help可以查看官方的教程，可以进入网页查看使用本软件的教程

　　14、软件的设置功能，表单名称：通过选择区域和城市来设置表单结果中使用的时区。

　　15、您可以使用您的Coffee Cup帐户信息发布您的fom。 测试提交功能或将其添加到任何页面或无帐户

　　16、总体来说CoffeeCup Web Form Builder软件使用还是非常方便的，需要设计表单的朋友就下载吧！

使用说明

　　设计表单的方法

　　在我们开始之前只需注意：有许多不同的方法可以执行我们将在本教程中解释的功能。例如，要保存表单 - 您应该经常这样做。

　　您可以：

　　转到文件>保存

　　单击工具栏上的“ 保存”按钮

　　按Ctrl + S.

　　此外，通过选择“ 文件”>“从模板中新建”，您可以获得特定类型表单的跳转。

　　您可以从大量常用表单类型中进行选择，并根据您的需要进行调整。好的，让我们开始吧！

　　第1步：添加标题

　　让我们从提供描述性标题开始。单击“ 元素”窗格中的“ 标题/标题”按钮。

　　元素窗格

　　请注意，标题已添加到表单的顶部，但它只是文本读取“ 标题 ”。要更改此选项，请选择标题，然后单击“ 属性”窗格。让我们将文字改为“ 联系我们！“字体大小为18。您也可以简单地双击title元素以访问“ 属性”窗格。

　　改变标题

　　嘿看，标题！让我们添加一些东西！

　　第2步：添加文本字段

　　由于这是一个联系表单，让我们创建一个文本字段，我们的用户可以在其中键入其名称。单击“ 元素”窗格下的“ 文本字段”按钮。

　　添加文本字段

　　这会在我们的工作区中添加一个新的文本字段，其上方带有“标签”字样。要更改此设置，请双击该元素或选择该元素并切换到“ 属性”窗格。对于我们的示例，我们在“ 标签”字段中添加“您的姓名”字样。请注意，表单会在您键入时实时更新。

　　仍在“ 属性”窗格中时，请在名为“ 名称”的字段下方查看“ 标签 ” 。虽然标签是表格上显示的，但名称仅用于内部目的; 表单提交者永远不会看到这个值。

　　Web窗体生成器提供默认的名称值，例如“text2”，如果您不更改它，您的表单结果将以“text2”旁边显示的人名来到达。将其更改为更有意义的内容（例如“Name_of_User”）是一个好主意。

　　更改名称

　　现在我们需要添加另一个输入框来收集用户的电子邮件地址。有一个特定的按钮用于此目的，与标准输入框略有不同。

　　第3步：添加电子邮件地址输入框

　　要包含专门收集电子邮件地址的字段，请单击“ 元素”窗格的“ 魔法”部分中标记为“ 电子邮件地址”的按钮。让我们看看它的外观。

　　添加电子邮件地址元素

　　这个按钮的工作方式与标准输入框略有不同：它包含默认占位符文本“you@domain.com”，可帮助指导用户。它在输入框中放置了一个电子邮件地址的示例，当用户单击它时它会消失。像之前一样输入相应的Label和Name值，并根据需要输入新的占位符文本。

　　编辑电子邮件地址元素

　　还有一件事：在“ 属性”窗格中看到标记为“ 验证”的复选框？选中此框包括第二个电子邮件地址输入，要求用户将他们输入的内容与第一个输入相匹配。如果您的用户需要格外小心地提供正确的电子邮件地址，此选项可能很有用。

　　第4步：添加单选按钮

　　接下来，让我们在表单中添加一些单选按钮。为此，请单击“ 元素”窗格下的“ 单选按钮 ” 。

　　添加单选按钮

　　默认情况下，这将为表单显示三个单选按钮，标签为“选择一个选项”。让我们继续并在“ 属性”窗格下将此值更改为“您为什么要联系我们？”。

　　要更改单选按钮的标签，请双击“ 选项”框中的每个项目以输入新文本。要添加，删除或重新排列单选按钮的顺序，请使用此框下方的加号，减号和向上/向下箭头。让我们使用+按钮添加第四个单选按钮。使用标记为“ 布局”的下拉菜单选择按钮在表单中的排列方式。

　　接下来，让我们为用户提供一些选择。选择一个单选按钮并将标签更改为“我有一个问题”，其他人更改为“我有一个评论”，“我有一个问题”和“我有一个建议”。由于这些标签有点长，因此将“布局”值更改为“ 两列”。

　　我们现在看看我们的表格：

　　查看表单

　　第5步：添加文本区域

　　让我们为用户提供一个空间来撰写更多评论。在此步骤中，我们将添加一个文本区域，用户可以在其中输入大块文本。首先，单击“ 元素”窗格下的“ 文本区域”按钮。

　　添加文本区域元素

　　让我们使用“ 属性”窗格下的一些文本区域设置。首先，我们将此名称添加到文本区域：“说出你的想法！”。您可以通过调整“ 宽度”和“ 高度”框中的值来更改文本区域的大小。

　　以下是我们表单的外观：

　　将名称添加到文本区域元素

　　但是这些单选按钮可能不是这种形式的最佳选择。让我们看一下下拉菜单的样子。

　　第6步：添加下拉菜单

　　要向表单添加下拉菜单，请单击“ 元素”窗格下的“ 下拉”按钮。

　　添加下拉元素

　　选择下拉菜单并切换到“ 属性”窗格，为我们的下拉菜单指定名称 - “联系原因”？接下来，让我们使用+按钮添加一个选项，然后将选项更改为“我有一个问题”，“我有一个评论”，“我有一个问题”和“我有一个建议”。由于我们现在有这个下拉菜单，我们不再需要那些单选按钮了。选择表单的单选按钮部分，然后单击“ 元素”或“ 属性”窗格右侧下方的“ 删除”按钮。现在将您的下拉菜单拖到“电子邮件地址”和“说出你的想法！”之间的空间中。

　　编辑下拉元素

　　这看起来很不错，我们释放了很多空间。现在让我们做一些最后的修饰！

　　第7步：设置表单选项

　　现在让我们切换到名为Form Options的选项卡，我们将设置调整为整个表单。

　　在这里，您可以选择要在表单主文本中使用的字体，以及字体的颜色和文本大小。您还可以使用“ 标签位置”下拉菜单选择标签与其对应元素相比的方向。使用“ 表单宽度”字段设置表单的宽度。

　　如果您想确保您的表单由人工使用而不是编程填写表格的机器人，请从Captcha下拉菜单中选择一个选项。Captcha要求用户识别两个设计为机器人难以识别的单词，阻止他们自动填写表单。

　　第8步：应用主题

　　只需点击两下，我们就可以对表单进行彻底改造！首先，单击“ 主题”工具栏按钮。

　　应用主题

　　此按钮可打开主题浏览器。

　　主题浏览器窗口

　　计算机上的所有表单生成器主题都显示在主题浏览器中。请注意，当您单击这些选项时，会立即应用主题。这使您可以快速尝试大量设计，找到效果最好的设计。对于我们的例子，我们将选择“学术”主题。

　　我们的表格完成了！准备好在浏览器中看到它的样子了吗？

　　第9步：预览表单

　　您可以使用预览工具查看表单在Web上的外观！为此，请单击“ 预览”工具栏按钮。由于预览表单完全显示，我们可以测试下拉菜单。

　　预览表单

　　从列表中选择计算机上安装的浏览器之一，以打开表单的预览。您现在可以预览所有表单元素。以下是我们表单的外观：

　　表格外部预览

　　太好了！请注意，我们一直使用表单宽度370（在“ 表单选项”窗格中可调整），并且我们已将左侧对齐“ 提交”按钮。您可以选择“提交”按钮并像调整其他元素一样调整其属性。好的，让我们上传我们的表格！

　　第10步：将其置于在线状态

　　使表单联机的最简单方法是在“设置”菜单的“ 表单发布”选项卡中输入CoffeeCup帐户信息。相信我们，设置和发布一键式流程需要几秒钟。真的！

　　表单发布窗口

　　如果您还没有CoffeeCup帐户，请点击“ 获取帐户 ”。它不需要任何费用，它会自动设置您的免费测试S-Drive帐户。

　　点击Go后！您只需要选择要发布到的地址：

　　选择发布表单的位置

　　现在您的发布目的地已设置，您的表单可以在Internet上加入其HTML好友。您可以随时单击“ 发布”工具栏图标。

　　发布您的表单！

　　您可能会被提示首先保存表单，这总是一个好主意。根据需要多次单击“ 发布” ; Web窗体生成器将覆盖所有必需的文件，因此您最终不会有数百个冗余文件。