在用户输入表单中,复选框为用户提供了一个二元选择。复选框可用于单个选择,例如是否订阅时事通讯,或者在一组选项中选择其中几个,例如从“你喜欢的栏目”中进行选择。
复选框元件位于默认元件库的“表单”部分。
框大小和对齐方式
在样式窗格的按钮部分,您可以使用尺寸字段来设置复选框的框部分的宽度和高度。
默认情况下,复选框的框部分在左侧,标签文本在右侧。要交换顺序以使文本在左侧而框在右侧,请使用“尺寸”字段右侧的“对齐”图标。
![](../../images/20230523410.png)
编辑标签文本
您可以通过以下任何选项编辑复选框标签上的文本:
- 双击复选框标签进入文本编辑模式
- 选中复选框标签并按下ENTER进入文本编辑模式
- 右键单击复选框标签,然后在上下文菜单中选择“编辑文本”
- 选择复选框标签并开始输入。(此选项仅在您禁用了单键快捷键时可用)
特殊属性
默认选中
默认情况下,当页面首次在 Web 浏览器中加载时,复选框开始处于未选中状态。
要让复选框默认选中,请选中该复选框并在画布上单击其框。
您还可以在“交互”窗格中勾选“选中”选项。
![](../../images/20230523411.png)
禁用
禁用复选框可防止用户在 Web 浏览器中与其交互。这也会激活元件的禁用样式效果,使其显示为灰色。
有两种方法可以禁用元件:
- 选中交互窗格底部的禁用复选框。
- 使用启用/禁用动作在 Web 浏览器中动态禁用元件。您可以在任何交互中执行此操作,例如在页面加载或单击按钮时。
特殊交互
选中和取消选中复选框
在 Web 浏览器中,您可以单击复选框来选中和取消选中它。
您还可以使用设置选中动作动态地选中和取消选中复选框。“True”选项选中该复选框,“False”选项取消选中,“Toggle”选项让选中状态与当前相反。
读取和判断选中状态
您可以通过交互和条件中的值选项的选择来判断复选框是否选中。如果选中,则返回值“true”,如果未选中复选框,则返回值“false”。
提交按钮
当复选框在 Web 浏览器中获得焦点时按下ENTER键可以触发页面上另一个元件的单击事件,称为复选框的“提交按钮”。
将提交按钮分配给复选框:
1. 选择复选框,然后单击“交互”窗格下部中的“全部显示”。
2. 从提交按钮下拉列表中的元件列表中进行选择。
要取消分配提交按钮,请单击下拉列表底部的取消分配提交按钮。
![](../../images/20230523412.png)
|