使用没有有效签名的元素 如果没有签名、证书无效或时间戳无效的 HTML5 控件是可视化的一部分，则在生成应用程序代码时，消息视图中会显示一条警告。 在消息视图中， 此警告后显示按钮。单击该按钮时，将显示输入提示。在那里，您可以将被警告的元素设置为在项目中“接受”。然后这个元素将不再被检查，你也不会再收到任何关于它的警告。 本节内容如下 :

链接和使用 HTML5 控件 您可以将 HTML5 控件直接安装到可视化元素存储库中。 可以将 HTML5 控件添加到存储库，以便可以分发包含所有必要内容的项目。 提示 HTML5 控件通常以包的形式提供。然后在包管理器中执行初始安装。 过程 . 首次安装 HTML5 控件 点击 工具 → 可视化元素存储库 . 提示 该命令仅在没有打开项目时可用 CODESYS . 这 视觉元素库 对话框打开。

查看图像文件 注意 HTML5 控件示例 以下选项可用于从 HTML5 控件访问图像。 参考 描述 来自 JavaScript 代码中引用的静态图像 附加文件 该图像在 HTML5 控件编辑器中引用，位于 一般的 选项卡，在 附加文件 场地。 在脚本代码中，实际文件名是通过使用 API “ CDSWebVisuAccess.getAdditionalFile "。然后可以将图像集成到控件中。 来自

可视化元素：选项卡 象征： 类别： 常用控件 该元素在选项卡中显示选定的可视化。可以通过选项卡标题使用选项卡，而无需配置输入配置。可视化用户通过单击选项卡标题在可视化之间切换。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Assembly A 通过分配您自己的元素名称，可以在元素列表中快速找到元素。 元素类型 标签 标签宽度 选项卡的宽

可视化元素：按钮 象征： 类别： 常用控件 该元素触发一个动作，例如设置一个变量。 注意 关于带有图像的按钮的示例项目 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Voltage_on 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 按钮 位置 该位置定义可视化窗口中元素的位置和大小。这是基于笛卡尔坐标系的。原点

可视化元素：组框 象征： 类别： 常用控件 该元素提供可视化元素的可视化分组。组框可以有多层嵌套。 提示 您还可以使用拖动元素将它们添加到 组框 .为此，请将元素拖到 组框 .光标的外观发生变化（显示一个小加号）。当您单击 转移 key 的同时，不添加元素。 您可以从 组框 通过将它们拖出窗口区域。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称

可视化元素：表格 象征： 类别： 常用控件 该元素显示可以在表中表示为数组的数据。因此，可视化变量的数据类型可以是 1) 一维数组，2) 最大二维数组，3) 数组数组，4) 结构数组，或 5) 数组功能块。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Data set component 1 提示 为元素分配单独的名称，以便在元素列表中

可视化元素：文本字段 象征： 类别： 常用控件 . 元素可以静态输出文本。 变量的内容可以是文本的一部分。 显示工具提示。文本作为静态文本进行管理，也可以定义为也显示变量的内容。 动态显示文本。文本列表的文本是动态显示的。 用于文本输入。例如，用户可以输入数字或文本文字。 注意 使用文本字段的示例项目 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称

可视化元素：滚动条 象征： 类别： 常用控件 该元素根据滚动条的位置设置变量的值。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Speed Conveyor Belt 1 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 滚动条 价值 包含滚动条位置的变量（整数数据类型） 最小值 滚动条的最小值（固定值或变量）。

可视化元素：滑块 象征： 类别： 常用控件 该元素根据滑块在滑块栏中的位置更改变量的值。您可以通过标尺起点和标尺终点定义滑块的数值范围。 元素属性 所有元素属性都可用吗？ 仅当您选择 先进的 选项或 所有类别 过滤 特性 。 元素名称 例子： Speed controller conveyor belt 1 提示 为元素分配单独的名称，以便在元素列表中更快地找到它们。 元素类型 滑块 位置 该位置