分类

编程工具

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

大小:23.5 MB

语言:英文系统:WinXP, Win7, Win8, Win10, WinAll

类别:编程工具时间:2018-12-28

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

软件功能

  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软件直接启动安装

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

破解方法

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

使用说明

  设计表单的方法

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

  您可以:

  转到文件>保存

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

  按Ctrl + S.

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

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

  第1步:添加标题

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

  元素窗格

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  改变标题

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

  嘿看,标题!让我们添加一些东西!

  第2步:添加文本字段

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

  添加文本字段

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

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

  更改名称

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

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

  添加电子邮件地址元素

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  编辑电子邮件地址元素

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  第4步:添加单选按钮

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

  添加单选按钮

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

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

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

  查看表单

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

  第5步:添加文本区域

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

  添加文本区域元素

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  以下是我们表单的外观:

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

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  第6步:添加下拉菜单

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

  添加下拉元素

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  编辑下拉元素

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  第7步:设置表单选项

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

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

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

  第8步:应用主题

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

  应用主题

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

  此按钮可打开主题浏览器

  主题浏览器窗口

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

  第9步:预览表单

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

  预览表单

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  表格外部预览

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

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

  表单发布窗口

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

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

  选择发布表单的位置

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

  发布您的表单!

CoffeeCup Web Form Builder(网页表单制作工具) 2.9.5525 免费版

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

∨ 展开

网友评论

我要跟帖
取消
所有评论 共 0