Web 窗体中的静态元素

您可以在表单的页面中包含用户不与之交互的元素；这些是静态元素，例如图像、HTML内容、水平条形图或超文本链接。这些元素是通过工具栏中的第一个按钮创建的，方法是选择 Static elements.

可使用以下类型的字段：

基于以前提供的答案（在表单的上下文中）或基于数据库的值。
超文本链接、HTML、水平条。参见插入HTML内容.
保存在资源库或用户可访问的服务器上的图像。参见插入图像.
在客户端和/或服务器端执行的脚本。它必须使用JavaScript编写，并与大多数浏览器兼容，以确保在客户端正确执行。

注意

在服务器端，脚本可以使用中定义的函数 Campaign JSAPI文档.

插入HTML内容

您可以在表单页面中包含HTML内容：超文本链接、图像、带格式的段落、视频等。

HTML编辑器允许您输入要插入到表单页中的内容。要打开编辑器，请单击 Static elements > HTML .

您可以直接输入内容并设置其格式，也可以显示源代码窗口以粘贴某些外部内容。要切换到“源代码”模式，请单击工具栏中的第一个图标：

要插入数据库字段，请使用个性化按钮。

注意

在HTML编辑器中输入的字符串只有在 Texts 子选项卡。否则，将不会收集它们。有关更多信息，请参阅翻译Web窗体.

插入链接

填写编辑窗口中的字段，如以下示例所示：

要添加超文本链接，请转到 Static elements > Link.

此 Label 是超文本链接的内容，因为它将显示在表单页面上。
此 URL 是所需的地址，例如： https://www.adobe.com （对于网站），或 info@adobe.com 以发送消息。
此 Window 字段允许您为站点中的链接选择显示模式。您可以决定在新窗口、当前窗口或其他窗口中打开链接。
您可以添加工具提示，如下所示：
您可以选择将链接显示为按钮或图像。要执行此操作，请在 Type 字段。

链接类型

默认情况下，链接与URL类型操作相关联，以便可以在URL字段中输入链接目标地址。

您可以为链接定义其他操作，以便用户可以单击链接执行以下操作：

刷新页面

要执行此操作，请选择 Refresh page 的下拉框中的选项 Action 字段。
显示下一页/上一页

要执行此操作，请选择 Next page 或 Previous page 的下拉框中的选项 Action 字段。

您可以隐藏 Next 和/或 Back 按钮替换为。请参阅此页面.

该链接将替换 Next 默认使用的按钮。
显示其他页面

此 Enable a transition 选项可显示与在中选定的传出过渡关联的特定页面。 Transition 字段。

默认情况下，页面只有一个输出过渡。要创建新过渡，请选择页面，然后单击 Add 中的按钮 Output transitions 部分，如下所示：

在图中，此添加内容将如下所示：

注意

有关Web表单中页面排序的更多信息，请参阅定义Web窗体页面排序.

个性化HTML内容

您可以使用上一页记录的数据对表单页面的HTML内容进行个性化设置。例如，您可以创建一个汽车保险Web窗体，其第一个页面允许您提供联系信息和汽车品牌。

使用个性化字段，将用户名和选定品牌重新插入下一页。要使用的语法取决于信息存储模式。有关更多信息，请参阅使用收集的信息.

注意

出于安全原因，在 <%= 公式将被替换为转义字符。

在我们的示例中，收件人的名字和姓氏存储在数据库的一个字段中，而他们的汽车品牌存储在变量中。第2页上个性化的消息的语法如下：

<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

这会产生以下结果：

使用文本变量

此 Text 制表符可让您创建变量字段，这些字段可用于使用以下语法的<%=和%>字符之间的HTML： $(IDENTIFIER).

使用此方法可轻松本地化字符串。参见翻译Web窗体

例如，您可以创建 联系人 用于显示HTML内容的“上次联系日期：”字符串的字段。为此请执行以下操作步骤：

单击 Text HTML文本的选项卡。
单击 Add 图标。
在 Identifier 列中，输入变量的名称
在 Text 列中，输入默认值。
在HTML内容中，通过 <%= $（联系人） %> 语法。

注意

如果在HTML编辑器中输入这些字符，则 < 和 > 字段将被其转义字符替换。在这种情况下，您需要通过单击 Display source code HTML文本编辑器的图标。
打开 Preview 表单的标签，用于查看HTML中输入的值：