动态 HTML 元素

动态 HTML 元素使您能够创建可在运行时打开表单时在表单的任何部分中动态显示或使用的 HTML 内容。 例如，您可以指定在选择下拉选项后动态显示图像，然后提示用户在文本字段中输入图像项目。

教程

要传递动态 HTML 元素，请执行以下操作：

1. 从“ 创建表单” 活动 >“ 属性 ”面板中，打开“表单 字段集合 ”窗口。
2. 添加 String 类型的 In 参数，并以提示性方式命名。
3. 打开表单设计器，然后将 HTML 元素 组件拖动到表单中。
4. 在“ 显示” 选项卡 >“ HTML 标记 ” 字段中，为新的 HTML 段落添加 p 。
5. 在“ 内容 ” 字段中，使用表达式 {{data.variable}}添加要动态传递的数据类型，并将 variable 替换为在步骤 2 中创建的参数的名称。

6. 选中“ 更改时刷新” 复选框。

   注意： 要在 HTML 元素 表单字段中添加图像，必须将图像转换为 Base64 格式。

   要将图像作为动态 HTML 元素传递：

7. 将图像转换为 Base64 字符串。
8. 将 Base64 字符串另存为工作流变量。 例如image 。
9. 从“ 创建表单” 活动 >“ 属性 ”面板中，打开“表单 字段集合 ”窗口。
10. 添加字符串类型的 In 参数，并将其命名为 sampleImage。
11. 将步骤 2 中的 Base64 字符串设置为“ 值”。
12. 单击“ 确定 ”以关闭“ 表单字段集合 ”窗口。

13. 在“表单设计器” >“ 高级 ”选项卡 >“ HTML 元素 组件” >“ 内容 ”字段中，输入以下表达式：

    <img href={{data.sampleImage}} height=100 width=100/>

    注意： 标签/页眉 基本组件也可用于动态传递元素。 这使您能够为表单字段设置动态标签和标题。