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窗体裸露器将覆盖所有必需的文件，因此您最终不会有数百个冗余文件。