向 Web 窗体添加字段

在Web表单中,字段使用户能够输入信息并选择选项。 Web 窗体可以优惠输入字段、选择字段、静态和高级内容(captcha、订阅等)。

使用向导添加字段时,会根据选定的字段或存储变量自动检测字段类型。 可使用​General​选项卡中的​Type​下拉框编辑它。

使用工具栏中的按钮时,选择要添加的字段类型。

有以下类型的字段可用:

请指定响应存储模式:更新数据库中的字段(仅存储保存的最后一个值)或存储在变量中(不存储答案)。 有关详细信息,请参阅响应存储字段

注意

默认情况下,该字段插入当前树的底部。 使用工具栏中的箭头将其向上或向下移动。

字段创建向导

对于表单的每个页面,您可以通过工具栏中的第一个按钮添加字段。 要执行此操作,请转到​Add using the wizard​菜单。

选择要创建的字段类型:您可以选择在数据库中添加字段、变量或导入在其他表单中创建并在容器中收集的一组字段。

单击​Next​并选择存储字段或变量,或要导入的容器。

单击​Finish​将选定字段插入页面。

添加输入字段

要添加输入字段,请单击​Input control​按钮并选择要添加的字段类型。

输入字段的类型

可以在表单页面中插入五种不同类型的文本字段:

  • 文本:允许用户在一行上输入文本。

  • 数字:允许用户在一行中输入数字。有关详细信息,请参阅添加数字

    批准页面后,将检查字段内容,以确保输入的值与字段兼容。 有关详细信息,请参阅定义控件设置

  • 密码:允许用户在单行上输入文本。在文本输入过程中,字符会替换为句点:

    注意

    口令在数据库中存储时未加密。

  • 多行文本:允许用户在几行上输入文本。

    注意

    多行文本字段是可包含回车符的特定字段。 它们的存储空间必须与映射到XML元素的字段(而非XML属性)关联。 有关模式中模式类型的详细信息,请参阅本节中的“参考”一章。

    如果您使用​调查​模块,则可以将此类型的字段存储在归档字段中,该字段将自动适应格式。 如需详细信息,请参阅此部分

  • 丰富的多行文本:允许用户输入将以HTML格式存储的布局的文本。

    您可以选择提供给用户的编辑器类型。 为此,请使用​Advanced​选项卡中​HTML editor​字段的下拉框。

    显示的图标数量因编辑器类型而异。 对于​Advanced​编辑器,渲染将如下所示:

配置输入字段

所有输入字段均基于相同模式使用以下选项进行配置:

在​General​选项卡中,您可以输入字段名称,并根据需要为字段添加默认值。

答案存储模式可以通过​Edit storage…​链接进行更改。 值可以存储在数据库的现有字段中;或者,您可以选择不在数据库中保存信息(使用本地变量)。

注意

存储模式详见响应存储字段

使用​Advanced​选项卡可以定义字段的显示参数(标签位置、对齐方式等)。 请参阅定义Web表单布局

添加下拉列表

您可以将下拉列表插入调查页。 这样,用户就可以从下拉菜单中的优惠值中选择一个值。

要向表单页面添加下拉框,请单击页面编辑器工具栏中的​Selection controls > Drop-down list​按钮。

选择答案存储模式并确认您的选择。

在​General​选项卡的下半部分定义列表的标签和值。 如果信息存储在明细列表库的现有字段中,并且该字段是数据库字段,则可以单击​Initialize the list of values from the database​自动填写值,如下所示:

注意

使用值列表右侧的箭头可更改其顺序。

如果数据存储在链接的表中,则可以选择保存列表中建议的值的字段。 例如,如果选择国家/地区表,请单击​Initialize the list of values from the database…​并选择所需字段。

接下来,单击​Load​链接以检索以下值:

注意

每当更新列表以刷新优惠值时,请重复此操作。

添加复选框

要使用户选择选项,您需要使用复选框。

要向表单添加复选框,请单击页面编辑器工具栏中的​Selection controls > Checkbox…​图标。

选择答案存储模式并确认您的选择。

在​General​选项卡的​Label​字段中输入框的标签。

通过复选框,您可以根据是否选中该框,为存储字段(或值)分配值。 通过​Values​部分,可以输入选中框时要指定的值(在​Value​字段中),如果未选中则要指定的值(在​Empty value​字段中)。 这些值取决于数据存储格式。

如果存储字段(或变量)为布尔值,则将自动推断在未选中复选框时要指定的值。 在这种情况下,仅提供​Value if checked​字段,如下所示:

示例:如果选中框,则为字段指定值

我们希望在表单中插入一个复选框以发送维护请求,如下所示:

该信息将上传到数据库并上传到现有字段中(在本例中为​Comment​字段):

如果选中“Maintenance required”(需要维护)框,Comment​列将包含“Maintenance required”(需要维护)。 如果未选中该框,则列将显示“Maintenance not required”(不需要维护)。 要获得此结果,请将以下配置应用到表单页面上的复选框:

添加单选按钮

单选按钮可让您向用户优惠一系列可供选择的独家选项。 这些值与同一字段的值不同。

您可以单独(统一按钮)或通过多选列表创建单选按钮,但由于单选按钮的要点是选择一个或另一个选项,因此我们始终会创建至少一对单选按钮,而不仅仅是单个按钮。

注意

要强制选择,您需要创建多选列表。

添加单个按钮

要向表单页面添加单选按钮,请转到页面编辑器工具栏中的​Selection controls > Radio button​菜单,然后选择存储模式。

单选按钮的配置方式与复选框类似(请参阅添加复选框)。 但是,如果未选择该选项,则不会分配任何值。 要使多个按钮相互依赖,即选择一个按钮自动取消选择其他按钮,它们必须存储在同一字段中。 如果它们未存储在数据库中,则必须使用相同的本地变量进行临时存储。 请参阅响应存储字段

添加按钮的列表

要通过列表添加单选按钮,请转到页面编辑器工具栏中的​Selection controls>Multiple choice​菜单。

添加任意数量的单选按钮(标签数)。 此功能的优点是可以从现有字段导入值(如果是逐项字段),并让用户选择一个选项。 但是,按钮的布局不那么灵活。

注意

Web 窗体不授权选择多个值。 只能为​调查​类型表单激活多个选择。 如需详细信息,请参阅此部分
但是,可以将​Multiple choice​类型字段插入Web 应用程序;但是,不授权选择以下几个值:可以使用单选按钮选择提供的选项。

添加网格

网格用于设计Web 应用程序中的投票页。 这样,您就可以优惠列表个单选按钮,以回答调查或评估类型Web 窗体,如下所示:

要在表单中使用此类型的元素,请创建一个简单的网格,并为要评估的每个元素添加一行。

网格每行中的单选按钮数与简单网格中定义的值数匹配。

每个网格线只能选择一个选项。

注意

在我们的示例中,网格的标签是隐藏的。 要执行此操作,请转到​Advanced​选项卡,Label position​显示被定义为​Hidden。 请参阅定义标签的位置

添加日期和数字

表单字段的内容可以格式化以匹配存储在数据库中的数据或满足特定要求。 您可以为输入数字和日期创建合适的字段。

添加日期

要允许用户在表单页面中输入日期,请添加一个输入字段并选择类型​Date…

输入字段的标签并配置数据存储模式。

窗口的下半部分允许您为此字段中存储的值选择日期和时间格式。

您还可以选择不显示日期(或时间)。

可以通过日历或下拉框选择日期。 您也可以直接在字段中输入它们,但它们需要与上面屏幕中指定的格式匹配。

注意

默认情况下,表单中使用的日期是通过日历输入的。 对于多语言表单,请检查日历是否提供所有使用的语言。 请参阅翻译Web表单

但是,在某些情况下(例如,对于输入出生日期),使用下拉列表可能更容易。

要执行此操作,请单击​Advanced​选项卡,然后使用​Drop-down lists​选择输入模式。

然后,您可以设置对列表中提供的值的限制。

添加数字

您可以为输入数字创建合适的字段。

在数字字段中,用户只能输入数字。 审批页面时,将自动应用输入控件。

根据数据库中存储数据的字段,可能会应用特殊格式或某些限制。 您还可以指定最大值和最小值。 此类型的字段配置如下:

默认值是发布表单时在字段中显示的值。 用户可以更正。

您可以通过​Advanced​选项卡向数字字段添加前缀和/或后缀,如下所示:

在表单中,渲染将如下所示:

订阅复选框

您可以添加控件,以允许用户订阅或取消订阅一个或多个信息服务(新闻稿、警告、实时通知等)。 要订阅,用户将检查相应的服务。

要创建订阅复选框,请单击​Advanced controls>Subscription

指示复选框的标签,并使用​Service​下拉框选择相关信息服务。

注意

信息服务详见此页

用户通过选中相关选项订阅服务。

注意

如果用户已订阅信息服务,且在批准表单时未选中链接到此服务的框,则他们将取消订阅。

此部分中提供了订阅和引用示例。

插入captcha

captcha​测试的目的是防止Web 窗体的欺骗性使用。

注意

如果您的表单包含多个页面,则Captcha必须始终放在最后一页上(就在存储框之前),以防安全措施受到任何规避。

要将Captcha插入表单,请单击工具栏上的第一个按钮并选择​Advanced controls>Captcha

输入字段的标签。 此标签将显示在Captcha显示区域前面。 可以在​Advanced​选项卡中更改此标签的位置。

注意

对于​captcha​类型控件,无需指示存储字段或变量。

Captcha将插入页面,并在可视下方放置一个输入字段。 这两个元素是不可分割的,出于页面布局的目的,它们被视为单个项目(它们占用单个单元格)。

确认页面后,如果Captcha内容输入不正确,则输入字段将以红色显示。

您可以创建要显示的错误消息。 为此,请使用​General​选项卡中的​Personalize the message​链接。

注意

Captchas总是8个字符长。 您无法修改此值。

上传文件

您可以向页面添加上载字段。 例如,此功能对于Intranet文件共享可能很有用。

要将上载字段插入表单页面,请在页面编辑器的工具栏中选择​Advanced controls > File…​菜单。

默认情况下,上传的文件存储在可通过​Resources > Online > Public resources​菜单访问的资源文件中。 您可以使用脚本更改此行为。 此脚本可以使用活动 JSAPI文档中定义的函数,包括那些涉及文件操作的函数。

您可以将指向这些文件的链接存储在本地变量或数据库字段中。 例如,您可以扩展收件人模式,以添加指向基于文件的资源的链接。

注意
  • 必须为具有安全访问权限(使用凭据)的表单保留此类型的文件。
  • Adobe Campaign不控制上传的资源的大小或类型:因此,我们强烈建议仅对安全类型的内部网站站点使用上载字段。
  • 如果多个服务器链接到该实例(负载平衡架构),您需要确保对Web表单的调用到达同一台服务器。
  • 这些实施需要Adobe Campaign咨询团队的协助。

插入隐藏常量

当用户验证表单的其中一个页面时,您可以将特定值设置为其用户档案的字段或变量。

此字段对用户不可见,但可用于在用户用户档案中丰富数据。

为此,请在页面中放置​常量​并指定值和存储位置。

在以下示例中,每当用户批准此页面时,收件人用户档案的​来源​字段将自动填写。 该常量不显示在页面上。

在此页面上

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now