文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【译】W3C WAI-ARIA最佳实践 -- 表单

复选框 WAI-ARIA支持两种类型的 checkbox： 双态: 最常见的复选框类型，它允许用户在两个状态间切换——选中、未选中. 三态: 这种类型的复选框支持额外的第三种状态 - 部分选中....如果该组中的所有选项都被选中，该三态复选框呈现的整体状态为选中。 如果该组中的部分选项被选中，该三态复选框呈现的整体状态为部分选中（partially checked）。...如果该组中没有选项被选中，该三态复选框呈现的整体状态为未选中。 用户仅使用一个操作，就可以改变三态复选框组中所有选项的状态： 选中整体复选框，可以选中组中的所有选项。...: 将滑块设置为其范围内的最小值； End: 将滑块设置为其范围内的最大值； Page Up (可选地): 大幅度增加滑块的值（比 Up Arrow 增加的值大）。...当另一个滑块的范围（如最小值或者最大值）依赖另一个滑块的当前值，当前值改变的时候依赖滑块的 aria-valuemin 或 aria-valuemax 也要更新。

8.3K30

Java Swing用户界面组件：复选框+ 滑块+组合框+边界+单选按钮

用户通过点击某个复选框来选择相应的选项，再点击则取消选择。当复选框获得焦点时，用户也可以通过按空格键来切换选择。...例如： bold.setSelected(true); isSelected方法将返回每个复选框的当前状态。如果没有选择则为false，否则为true。 当用户点击复选框时将触发一个动作事件。...注意，按钮组仅仅控制按钮的行为，如果想把这些按钮组织在一起布局，需要把它们添加到容器中，如JPanel。 看一下图9-15和图9-16，会发现单选按钮的外观不同于复选框。...下面将看一下如何为滑块添加装饰。 当用户滑动滑块时，滑块的值就会在最小值和最大值之间变化。当值发生变化时，ChangeEvent事件就会向所有的改变监听器发出通知。...默认为水平 min, max 滑块值的最小值、最大值。默认值为0～100 initialValue 滑块的初始化值。

7.2K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    【Java AWT 图形界面编程】事件处理机制 ③ ( AWT 中常见的事件和事件监听器 | 低级事件 | 组件事件 | 窗口事件 | 鼠标事件 | 高级事件 | 动作事件 | 事件监听器 )

    1、低级事件 2、高级事件 二、AWT 中常见的事件监听器 一、AWT 中常见的事件 ---- AWT 中事件分为两大类 , 低级事件 和 高级事件 ; 低级事件 : 基于某个特定基本动作的事件 , 如..., 移动 , 抬起 , 点击 触发的事件 ; 键盘事件 : KeyEvent , 键盘 按下 , 松开 , 点击 时触发的事件 ; 绘制事件 : PaintEvent , 组件绘制时触发的事件 , 当调用...菜单 被点击时 , 文本框按下回车键时 , 触发该事件 ; 调节事件 : AjustmentEvent , 拖动条 拖动滑块 调节数值 , 触发该事件 ; 选项事件 : ItemEvent , 选中某个组件时触发该事件..., 如 Checkbox 复选框 ; 文本事件 : TextEvent , 文本框中文本发生改变触发该事件 ; 二、AWT 中常见的事件监听器 ---- 事件监听器 与 事件是一一对应的 , 只需要将事件的..., 监听 拖动条 拖动滑块 调节数值 ; 选项事件监听器 : ItemListener , 监听 选中某个组件 如 Checkbox 复选框 ; 文本事件监听器 : TextListener , 监听

    1.9K20

    C#学习笔记—— 常用控件说明及其属性、事件

    （2）ThreeState属性：用来返回或设置复选框是否能表示三种状态，如果属性值为true时，表示可以表示三种状态—选中、没选中和中间态（CheckState.Checked、CheckState.Unchecked...（3）Checked属性：用来设置或返回复选框是否被选中，值为true时，表示复选框被选中，值为false时，表示复选框没被选中。当ThreeState属性值为true时，中间态也表示选中。...在ThreeState属性值被设置为True时，CheckState还可以取值 CheckState.Indeterminate，在此时，复选框显示为浅灰色选中状态，该状态通常表示该选项下的多个子选项未完全选中...当滑块的位置值为最大值时，滑块移到水平滚动条的最右端位置或垂直滚动条的底端位置。 （3）SmallChange和LargeChange属性：这两个属性主要用于调整滑块移动的距离。...（7）ReadOnlyChecked属性：用来获取或设置一个值，该值指示是否选定只读复选框。如果选中了只读复选框，则属性值为true，反之，属性值为false。默认值为false。

    9.9K20

    iOS 9人机界面指南(四)：UI元素（下）- 腾讯ISUX

    你可以精确地设定总共的倒计时间，倒计时的最大值为23小时59分钟。 使用日期时间选择器来让用户选择时间，而不是让用户自己输入一个包含了日期、时间等多个部分的时间值。...刷新控件： 看起来类似活动指示器 可以出现在标题中 默认状态下不可见，当用户在表格上缘往下拖拽以刷新内容时才出现 使用刷新控件，给用户提供一个一致的方式来了解一个表格或其他视图的内容更新，而不需要等待下一个自动更新...API提示： 想要了解更多如何在代码中定义滑块，可以参考 Sliders 滑块： 由一条水平的轨迹和一个Thumb(滑块中支持用户水平拖拽的圆形控件)组成 左边和右边支持使用自定义图片来表述相对的最小值与最大值的含义...如果合适的话，自定义滑块的外观。比如，你可以: 定义Thumb的外观，让用户一看就知道滑块当前的状态 在轨迹的左右两端使用自定义图片来告诉用户滑块的最小值和最大值所代表的含义。...比如说，一个图调整图片尺寸的滑块可以在最小值的左边放一张小图，在最大值的右边放一张大图。 根据Thumb所在的位置和当前滑块的状态来为滑块的轨迹定义不同的颜色 不要使用滑块来显示音量控制。

    13.2K30

    表单

    宽度以像素为单位 　　　　maxlenght  　　　　　　此属性指定可在text 或 password元素中输入最大字符数，默认值无限大 　　　　checked  　　　　　　此属性用于指定按钮是否被选中...text"/> 密码框 　　设置了type属性后在密码框输入的字符全都是以黑色实心的来显示，从而实现对数据的处理 单选按钮 　　用户只能选中一个单选按钮在使用单选按钮时...　　复选框和单选框类似，复选框允许拥有多个选型 男 如step="2",则合法数是-2 0、2、4等） 滑块 用于提供数字的文本框我们可以对数字进行控制包括最大值，最小值合法的间隔或默认，如果所输入的数字不在限定的范围之内...如注册或交易协议 　　禁用场景 　　　　　　只有满足某个条件后才能选用某项功能。如只用用户同意了才能点击注册按钮。

    4.8K90

    office2021：office2021下载 如何在Office文档页面上放置水印

    目录： 第一部分：认识office2021 第二部分：office2021系统配置要求 第三部分：如何在Office文档页面上放置水印？ 图片 题外话： 山高路远，看世界，也找自己。...第一部分：认识office2021 Microsoft office是一款广泛使用的办公软件套装，它包含了多种不同的应用程序，如Word...如何在Office文档页面上放置水印？一个水印是一个苍白的图像或后面出现在Office文档中的每个页面上的文本字集。水印非常优雅，是Word 2011中最简单的格式化技巧之一。...请勿取消选中“冲洗”复选框-如果这样做，则图像可能太暗以至于模糊了文本。 文本水印：选择“文本”，然后在“文本”框中键入一个或两个单词，或从下拉菜单中选择一个条目。选择单词的字体，大小，颜色和方向。...拖动透明度滑块，确定水印有多暗。 要修改水印，请重新打开“插入水印”对话框。要删除水印，请选择“无水印”

    2.6K40

    Python 图形化界面基础篇：添加复选框（ Checkbutton ）到 Tkinter 窗口

    在本文中，我们将详细解释如何在 Tkinter 窗口中添加复选框，并如何获取用户所做的选择。 什么是 Tkinter 复选框（ Checkbutton ）？...复选框通常用于提供二进制选择，例如启用/禁用某些功能或选择多个项目。 让我们开始学习如何在 Tkinter 窗口中添加复选框。...我们定义了一个名为 button_click 的按钮点击事件处理程序，它会在按钮被点击时执行。在这个示例中，我们使用 get() 方法获取复选框的值，并根据值更新标签的文本。...command=custom_function # 设置复选框选中时的响应函数 ) # 将自定义复选框添加到窗口 custom_checkbox.pack() 效果图： 在上述示例中...，我们创建了一个自定义样式的复选框，设置了字体、文本颜色、背景颜色、选中时的颜色和选中时的响应函数。

    1.4K50

    Flutter 流体滑块

    下面的演示视频显示了如何在颤动中创建流畅的滑块。它显示了如何在flutter应用程序中使用flutter_fluid_slider软件包来工作流体滑块传送带。...**onChangeStart：** 当用户开始为滑块选择新值时，将调用此属性。 onChangeEnd： 当 用户为滑块选择新值时，将调用此属性。...在内部，我们将添加值，表示此滑块当前选择的值。添加将为流体滑块创建的变量。当用户开始为滑块选择新值时，我们将添加onChanged方式调用。在内部，我们将添加**setState（）。...另外，我们将添加滑块颜色。当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。 img 现在，我们将创建另一个FluidSlider（）。...当我们运行应用程序时，我们应该获得屏幕的输出，如屏幕下方的截图所示。 img 现在，我们将创建第三个“流体”滑块。

    11.7K20

    后台系统设计（下篇：输入）

    ·若输入区域设置了字符或字数限制，应给予一定的提示说明，当用户输入不规范的字符或超出字数限制时应给予清除（Q：清除是否是一个好选择？）。例如记数器，在用户输入每个字符时动态更新。...达到最大/最小值时，增加/减少按钮和上/下键盘将被禁用。 ·用户与步进器交互时，请提供良好的视觉反馈。增加/减少按给予默认、悬停、选中和禁用状态，输入区域给予默认、键入和报错状态。 ?...当输入不规范的字符时清除或显示最小值，输入的值超过最大值则显示为最大值，并显示工具提示说明输入范围。 当用户输入不合格的值，再未键出的情况下滑出步进器的视图区域点击保存，如何更好的提示报错？...带有输入框，可输入文本字段，输入数据与滑块同步 ? 最佳用法 ·当用户设置连续值（如音量或亮度）或一系列离散值（如屏幕分辨率设置）时，可使用滑块。...·在某些情况下，滑块直接充当为命令控件，在用户选择时或选择后，操作结果即时生效。 例如音量控件。 ·当滑块上没有其实时显示滑块值的地方时，请使用值标签显示滑块的当前值。 ?

    4.1K21

    C++ Qt开发：Slider滑块条组件

    当涉及到C++ Qt开发中的Slider滑块条组件时，你可能会用到QSlider类。QSlider是一个用于选择整数值的控件，常用于调整范围内的数值，如音量、亮度等。...setMinimum(int min) 设置滑块的最小值。 setMaximum(int max) 设置滑块的最大值。...setSingleStep(int step) 设置用户通过鼠标或键盘按键时，滑块的单步大小。 setPageStep(int step) 设置用户通过点击滑块轨道时，滑块的页面步长。...如果启用，滑块在拖动时会实时更新值；禁用时，只有在释放鼠标时才更新。 setTickInterval(int ti) 设置刻度间隔，以便显示刻度标记。...首先，我们以第一个红色Horizontal Slider滑块条为例，通过右键选中转到槽，选择valueChaged(int)这个槽函数，并实现如下逻辑，在代码中我们分别读入四个进度条的默认值，并率先设置到

    58310

    Gizmos菜单_gi clamp

    该小玩意儿在场景视图按钮 场景视图和游戏视图窗口顶部的Gizmos菜单 属性 功能 3D Icons 3D图标 该3D图标复选框控制是否组件图标（如那些灯光和相机）通过在场景3D模型编辑器绘制。...当3D图标复选框被选中，组件图标由编辑根据从相机的距离缩小，并通过在场景GameObjects遮蔽。使用滑块控制其外观总体尺寸。...Show Grid 显示网格 该显示网格复选框切换场景视图上的标准场景测量网格（选中）和关闭（未选中）。要更改网格的颜色，去团结 > 首选项 > 颜色，改变网格设置。...一些小玩意儿是被动的图形叠加，仅供参考所示（如光方向小玩意儿，它显示光的方向）。...取消选中此列中的复选框可关闭这些Gizmos。 注意：如果在列表中的项目都有一个图标，但没有小发明，没有在此列没有复选框。

    3.7K10

    Mac开发之 Cocoa 绑定 入门

    3.绑定简单使用方式 3.1 视图(View)绑定到模型(Model) 将视图绑定到模型对象,就是告诉视图需要显示的内容来自哪里(通常是数据模型对象的某个属性),以及什么时候更新显示内容.当数据模型的某一属性的值发生改变时...绑定也可以反向工作.比如有一个可编辑的控件,当用户修改内容时,绑定系统会用新内容更新数据模型的对应属性值....,用于存储用户设置;添加一个slider,用于验证设置是否生效,界面的视图大概类似下面的样子: 添加UI控件 (2)设置复选框的绑定,对复选框的Valus属性进行绑定操作 绑定复选框的Value到默认系统...(3)设置slider的绑定(设置slider控件的enable属性绑定),大体如下图: 绑定slider的Enabled到默认系统 启动应用,改变复选框的状态时,注意滑块的启用或禁用状态,然后退出应用并重新启动...,注意观察复选框,它已经记住了用户的上一次操作状态.

    1.9K20

    第130期：flutter的状态组件和状态管理

    状态由可以更改的值组成，例如滑块的当前值或是否选中复选框。当小部件的状态发生变化时，状态对象调用setState（），告诉框架重新绘制小部件。 创建状态组件 需要注意的是： /** 1....如果所讨论的状态是用户数据，例如复选框的选中或未选中模式，或者滑块的位置，那么状态最好由父组件管理。 2. 如果所讨论的状态是美学的，例如动画，那么状态最好由组件自身管理。..._active 子组件TapboxB接受active属性，同时定义了onChanged属性方法，当点击子组件TapboxB时，会触发父组件的_handleTapboxChanged方法，通知父组件，从而实现组件的更新...onTapDown时，它会添加高亮显示（实现为深绿色边框）。onTapUp时，它会删除高亮显示。...在onTapDown和onTapUp调用setState（）方法更新UI，并且_higlight状态发生变化。 在_handleTap时，将状态传递到付组件中，通知父组件进行更新。

    1.5K21

    小小滑块大大学问，你真的会用滑块了吗？

    用户想要购房，如何在纷扰的户型中做出选择？可视化输出。 ? 用户想要为自己的网站挑选一款合适的背景色，该怎么直观的挑选？可视化输出。 ? 用户在挑选不同的汉堡，又该怎么轻松查看并做出选择？...允许用户设置特定值 许多滑块都有同样的问题，很难通过滑动滑块来选中一个精确值。毫无疑问，在这一点上，滑块永远也无法取代常规文本输入字段。...如果你也想在自己的产品中运用该设计，一定要确保所有内容可以同步：当用户使用滑块更改值时，输入框中的值也要更新，同理，如果用户输入了一个值，滑块也应该更新。 ? 4....解决盲点问题 移动应用程序中的滑块通常会遇到盲点问题。比如当手指覆盖某个重要数据（比如一个选定值）时，就容易产生盲点。...针对此问题，Virgil Pana创建了流体滑块的概念，这样，用户在与滑块交互时也能看到他们选择的值，从而解决盲点问题。 ? 5.

    2K30
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券