首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

例如,当在编辑文本快捷键时,一个富文本编辑器的菜单栏可能会获得焦点,例如alt + F10。在这种情况,点击Escape 或从菜单中激活一个命令可能会将焦点返回给编辑器。 4....为了告知辅助技术该按钮是个切换按钮,需要为其指定属性 aria-pressed 的值。例如,音频播放器中被标记为静音的按钮可以通过设置状态 true,来指示声音被静音。...重要提示:按钮状态改变时,其标签不改变。在此示例中,当状态 true 时,其标签仍“静音”,这样屏幕阅读器就会像这样朗读:“静音” 切换按钮“已按”。...一般来说,文本框是唯一聚焦组件,因为增加和减小功能可使用光标键访问,一般来说,文本框还允许用户直接编辑其值。 如果数值范围很大,数值调节按钮支持以较小和较大的幅度调节其值。...如果数值编辑按钮文本框允许直接编辑其值,支持以下键。 适用于设备平台的标准单行文本编辑键(请参阅下面的注释)。 打印字符: 在文本框中输入字符。

8.2K30

Matlab系列之GUI设计基础

'togglebutton' 具有两种状态(未按)的按钮。每次点击切换按钮时,它的状态都会发生变化。 'checkbox' 具有两种状态(选中或取消选中)的复选框。...当用户在其上点击并释放鼠标按钮时,状态发生变化。 'radiobutton' 具有两种状态(选择和取消选择)的按钮。单选按钮在一组相关的单选按钮中有意安排互斥。 'edit' 可编辑文本字段。...'text' 静态文本字段。 'slider' 用户沿水平或垂直栏按钮按钮的位置指示指定范围中的值。 'listbox' 用户可从中选择一项或多项的项列表。...要创建包含多行文本的工具提示,使用 sprintf生成包含换行符 (\n) 的一个字符串,然后TooltipString 设置该字符串。...(2)ButtonDownFcn - 鼠标按钮回调函数 Note:''(默认) | 函数句柄 | 元胞数组 | 字符串 鼠标按钮回调函数,指定为下列值之一:【以下几个回调函数的可设置值相同】 •

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

    【专业技术】还有人在用Qt开发app嘛?

    欢迎来到声明式UI语言QML的世界.在本入门教程中,我们使用QML创建一个简单的文本编辑器.阅读这个教程,就可以使用QML和Qt C++开发应用程序了....4.美化文本编辑器Decorating the Text Editor 5.使用Qt C++扩展QMLExtending QML using Qt C++ 定义按钮和菜单 基本组件—按钮 我们构建一个按钮作为文本编辑器程序的开始...Text元素不可编辑文本框.Text元素命名为buttonLabel.要给Text元素设置字符串内容需要给其text属性赋值.标签包含在Rectangle中,为了让其居中,设置Text元素的相对于父元素...现在我们了解了如何定义一个处理鼠标移动的QML元素.在Rectangle中定义了一个文本标签,自定义其属性,处理鼠标的移动.在元素内部创建子元素的概念会贯穿整个文本编辑器应用程序....按钮必须作为组件来执行动作才有使用价值.节中将创建一个包含这种按钮的菜单. ?

    4.7K70

    4k Star国产开源免费文字识别工具,强的很,适用于 Windows10,11 平台

    前言 关于忽略指定区域的特殊功能: 类似含水印的视频截图、含有UI/按钮的游戏截图等,往往只需要提取字幕区域的文本,而避免提取到水印和UI文本。本软件可设置忽略某些区域内的文字,来实现这一目的。...识别结果保存到本地。可选生成纯文本txt文件、带链接Markdown文件、原始信息jsonl文件等不同格式。可配置任务完成执行关机/待机。...点击 设置 选项卡中的 打开忽略区域编辑器 ,进入编辑器窗口。 任意图片 拖入 该窗口,预览该图片。新图片拖入窗口切换预览,但已绘制的忽略区域不会消失;切换不同图片来仔细调整忽略区域。...绘制 忽略区域 :拖入图片,点击选中左起第一按钮 +忽略区域 A ,然后在图片上按住左键拖拽,绘制矩形区域。 撤销 步骤。 绘制完,点击 完成 返回软件主窗口。...乙类(上图右)历史文本模式,字数多,从上到都有要保留的文本(与甲类UI位置有重合),要排除的UI分布在两侧。 拖入一张甲类图片。选择 +忽略区域 A ,绘制方框包裹住要排除的 底端UI 。

    2.6K10

    C++ Qt开发:PushButton按钮组件

    void setText(const QString &text) 设置按钮文本。 QString text() const 获取按钮文本。...void setCheckable(bool checkable) 设置按钮是否切换状态。 bool isCheckable() const 检查按钮是否切换状态。...,第一个按钮将会保持默认色,如下图; 当然这样的配色显然是无法正常使用的,如果读者学过前端应该知道使用CSS如何美化按钮,QSS也支持CSS中的各种事件,我们以按钮的普通状态,抬起例,将如下QSS...135 , 228); /*左内边距3像素,让时字向右移动3像素*/ padding-left:3px; /*上内边距3像素,让时字向下移动3像素*/...AddFiles按钮依次选中资源并添加到项目源文件中,当添加结束Ctrl+S保存RC文件,即可看到如下图所示; 样式表设置背景图可以使用setStyleSheet函数,在程序里设置按钮的样式表,具体程序如下所示

    77210

    2021 最新 IntelliJ IDEA 详细配置步骤演示(图文版)

    在这种情况,代码片段(例如通常以红色突出显示的错误或通常绿色的字符串)改变颜色(红色变为橙色,绿色变为蓝色)。测试运行器中进度条的颜色也进行调整,以便可以轻松识别。 3....启用后,按住该Alt键才移动内容。默认情况,此选项是禁用的,您可以移动所有内容而无需任何额外的键。...单击+按钮以在所选项目下添加动作或分隔符。 单击-按钮以删除所选的项目。 单击编辑图标按钮以添加或更改所选操作的图标。您只能将PNG或SVG文件用作图标。...单击上移按钮或下移按钮向上或向下移动所选项目。 单击恢复按钮所选操作或所有操作恢复默认设置。 3. System Settings(系统设置) 1....右击出现设置菜单 依次: 添加键盘,添加鼠标,添加缩写,取消快捷操作,重置 选择添加键盘 点击此文本框,你想要的快捷键点击确定即可。

    84510

    河南计算机职称考试模块选择,2016职称计算机考试模块Dreamweaver选择冲刺题1

    在创建模板时,下面关于模板重复的说法错误的是: A.可以让模板用户在网页中创建扩展的列表 B.创建扩展的列表时保持模板中表格的设计不变 C.重复有两种形式:区重复和表重复 D.只能在编辑模板时,才能使用模板重复...在Dreamweaver中,保持层处于被选择状态,用键盘进行微调,Ctrl键加四个方向键,其表示: A.可以对层做十个像素的移动 B.可以对层进行一个像素的大小改变 C.可以对层做十个像素单位的大小改变...在Dreamweaver中,下面关于时间线面板主要参数的说法错误的是: A.可以设置在网页下载完毕时自动播放 B.可以设置使当前编辑的动画循环播放 C.可以给动画设定在特定时间发生的行为 D.可以设置所有的帖填加行为...在Dreamweaver中,保持层处于被选择状态,用键盘进行微调时,要使层做一个像素的移动,下面的操作正确的是: A.Shift加四个方向键 B.Ctrl加四个方向键 C.Shift+Ctrl...在Dreamweaver MX中,在需要选择的文本前单击鼠标左键选中一点哪个键不放,然后在所选文本最后点击鼠标,松开此键,就可以选择文本: A.Shift键 B.Ctrl键 C.Alt键 D.Shift

    78620

    App低代码开发的最终形态?APICloud可视化开发初体验

    高级组件是更复杂的组件,可以简单理解页面级组件,比如一个购物车。 三、使用系统组件举例 组装一个简单的弹窗界面。 先拖入一个富文本【rich-text】组件。并设置margin,高度h和背景颜色。...设置margin时,点击别针图标,图标变灰色,可以输入上下左右不同的margin值。...如下图: 给rich-text 的nodes 属性绑定变量: 需要先在代码里定义变量名,如下图: 然后点击“编辑按钮打开可视化编辑界面,点击组件属性的别针图标 弹出绑定界面,如下图: 选中...绑定后代码界面如下: 然后修改text 值需要的文本即可。代码如下: 下面再拖两个按钮放到弹窗文字下面,注意为了方便按钮的定位,可以先拖一个view, 然后向view里加两个按钮。...如下图,在右侧样式面板,可以设置按钮的宽和高,输入回车键生效。 在事件面板,可以给按钮绑定事件: 四、经验总结 1、先根据页面设计图,规划好几层view。

    45330

    MFC入门教程(深入浅出MFC)

    对话框刚打开时输入焦点就在Tab顺序1的“退出”按钮上,不做任何操作Tab键,输入焦点就会转移到Tab顺序2的“被加数”静态文本框上,但是因为静态文本框不接受任何输入,所以输入焦点继续自动转移到...例如,此例中我们可以依次单击被加数编辑框、“被加数”静态文本框、加数编辑框、“加数”静态文本框、和编辑框、“和”静态文本框、“计算”按钮和“退出”按钮。...设置如下图: 最后ESC键,确认设置并退出对话框模板的Tab顺序设置状态。...现在我们再运行程序,可以看到对话框打开最初的输入焦点在被加数编辑框上,然后我们Tab键,输入焦点移到加数编辑框上,继续多次Tab键时,输入焦点会“和编辑框–‘计算’按钮–‘退出’按钮–被加数编辑框...(12)PressButton()函数 模拟某指定的按钮

    4.2K30

    Excel编程周末速成班第18课:使用用户窗体创建自定义对话框

    本节稍后讨论控件,接下来讲解窗体设计的基础。 提示:要处理窗体上已有的控件,确保已选择工具箱中的箭头图标。在此模式,鼠标光标显示箭头。...对于具有文本或数字值的属性,单击右列,然后输入或编辑该属性值。 对于更复杂的属性,右列会显示一个带有省略号(...)的按钮。单击该按钮显示属性的对话框。...在创建用户窗体,建议其赋予一个描述性名称,以避免必须使用默认名称。 注意:通常,你需要在设计阶段设置所有用户窗体的属性。...在仍选中用户窗体的情况,单击“工程”窗口中的“查看代码”按钮,打开用户窗体的代码编辑窗口。...执行时,显示该窗体。如果单击“Move”按钮,则该窗体移至屏幕的右上角。单击文本框将其激活,在文本框中输入一些文本,然后单击“Close”按钮

    10.9K30

    【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)

    ; Shadow Color 属性 : 控制文本阴影的颜色; (6) Image 属性 Image 属性 : 按钮设置图片, 设置按钮会成为图片按钮, 之前设置的 Tittle 属性作废; (7...) Background 属性 Background 属性 : 用于按钮设置背景图片; -- 文本图片共存 : 该属性可以设置 文本 和 图片 共同作为按钮背景, 比使用 Image 属性设置图片...设置文本颜色 粉色, 阴影颜色 蓝色; (5) 创建 图片 按钮 创建 图片 按钮 :  -- 设置 Type 参数 : 设置 Custom; -- 设置 Default 参数 : 设置 Image...; (2) Border Style 属性 Border Style 属性 : 设置文本框边框风格, 支持四种风格, 一般情况是选择最右边的圆角矩形按钮; (3) Clear Button 属性...UIControl; -- 修改方法 : 使用 command + option + 3 打开身份检查器面板, Custom Class 设置 UIControl 类; -- 修改 :  (

    6.7K20

    调度工具 taskctl-> Designer 设计IDE环境

    登录成功,Designer根据登录用户进行系统进行一系列的初始化设置。...可以在“查找”和“替换”选项卡片中进行快速切换,点击“替换”按钮进入文本替换模式。下面的步骤介绍如何进行代码文本替换: 1、在“查找内容”文本框中键入需要替换的内容。...若要设置属性可被子节点继承,请执行以下操作: 1、只有属性框前面有“ ”所示的三角形按钮的属性,才可以设置可继承。...若要设置属性缺省值,请执行以下操作: 1、只有属性框前面有“ ”所示的三角形按钮的属性,才可以设置缺省值。...若要进行“流程编译”,请执行以下操作: 1、点击工具栏的“ ”按钮快捷键F6开始编译流程。 2、直到“编译输出”窗口提示“编译完成”完成编译操作。

    2K30

    Adobe国际认证教程指南|Premiere Pro 中的键盘快捷键

    自定义或加载键盘快捷键您可以快捷键设置与所使用的其他软件中的快捷键匹配。如果提供了其他键组,可以从“键盘自定义”对话框的“组”菜单中进行选择。...一台计算机上的键盘快捷键设置复制到另一台计算机上使用 CREATIVE CLOUD 同步键盘快捷键设置利用 Premiere Pro 的“同步设置”功能,轻松快捷地在计算机之间同步键盘快捷键设置。...命令分配多个键盘快捷键可以为单个命令分配多个键盘快捷键。“键盘快捷键”对话框会将键盘快捷键显示编辑按钮,您可在此更改、添加多个快捷键或删除快捷键。...随即会生成新的快捷键按钮,您可将快捷键输入其中。编辑快捷键要编辑快捷键,请单击快捷键列中的快捷键文本文本替换为一个可编辑按钮。输入要使用的快捷键。如果您输入的快捷键已在使用中,显示一条警告。... Command + Shift,然后选择 Premiere Pro >“键盘快捷键”(Mac OS)。单击“剪贴板”按钮。在文本编辑器或电子表格程序中建立一个新文档。剪贴板的内容粘贴至该文档中。

    2.3K40

    Python Qt GUI设计:UI界面可视化组件、属性概述(基础篇—3)

    在Qt Designer中的每种组件属性编辑部分可以进行设置,如下图所示: 每种组件的属性会有所不同之处,这里以Push Button(按钮)组件例,简单聊聊其属性,如下所示: 可以看到,最顶层的节点组件对应的父类...实践参见:Python-PyQt5开发学习笔记(二):Layout(布局) minimumSize属性 mimimumSize属性表示组件能被缩小到的最小尺寸,单位像素,缩小到该尺寸不能再进一步缩小了...不启用平板跟踪的情况,部件仅接收触控笔与平板接触或至少有个触控笔按键时的触控笔移动事件。...设置参数说明如下所示: NoFocus:组件不支持焦点; TabFocus:Tab键获取焦点; ClickFocus:鼠标获取焦点; StrongFocus:Tab键和鼠标获取焦点; WheelFocus...对于大多数小部件,无需设置此属性,因为Qt会调用部件相关属性显示,如按钮显示按钮文本,但当小部件不提供任何文本时,设置此属性很重要。例如,只包含图标的按钮需要将此属性设置与屏幕阅读器一起使用。

    5.6K50

    最新iOS设计规范五|3大界面要素:控件(Controls)

    一、按钮(Buttons) 按钮常用于触发特定操作,自定义的背景颜色,并且可以包含标题或图标。系统大多数用例提供了许多预定义的按钮样式。你也可以设计自定义按钮。...信息按钮 翻转视图,“信息”按钮显示有关应用程序的配置详细信息,有时会显示在当前视图的背面。信息按钮有两种样式:浅色和深色。选择与您的应用程序设计最匹配且不会在屏幕上看不清楚的样式。 ?...如果有潜在使用的可能,不能编辑文本也应提供选择和拷贝。用户通常希望静态内容(例如图像标签或社交媒体状态)拷贝到电子邮件,便笺或网络搜索中使用。 不要在编辑菜单上加“编辑按钮。...如果这样做,用户很容易误点,从而导致编辑菜单被取消。 让编辑操作撤消。在编辑菜单上执行操作之前不需要确认。但用户在执行操作可能改变主意,所以始终要实现撤消和返回功能。...折叠,紧凑型样式显示一个按钮,该按钮以应用程序的主色显示当前值。当人们点击按钮时,日期选择器扩展模式视图,从而提供对熟悉的日历样式编辑器和时间选择器的访问。

    8.5K30

    计算机文化基础 第一部分 1.1 信息与信息技术 1.1.1信息与数据 信息的概念: 一般认为:信息是在自然界、人类社会和人类思维活动中普遍存在的一切物质和事物的属性。 信息能够用来消除事物不

    文件或文件夹属性设置“隐藏”,在操作系统默认的设置中,该文件或文件夹将被隐藏起来,即不显示在“资源管理器”窗口中。当文件属性设置“只读”,用户就不能修改该文件的内容。...3.8.3 打印文档 1、打印预览  打印预览是指用户可以在屏幕上预览打印的效果,如果对文档中的某些地方不满意,返回编辑状态对其进行修改。  ...(2)在Excel 2010 编辑环境Ctrl +N组合键,也创建一个空白工作簿。  ...例如,在单元格中输入“="职业”&“学院"”(注意文本输入时须加英文引号)回车,产生“职业学院”的结果  注意:文本运算符的运算结果文本;如=3&15,结果文本35。  ...分类汇总前,需要先按分类字段对数据清单进行排序  数据清单按照分类排序,在:数据“选项卡的”分级“显示”组中单击”分类汇总”按钮,弹出“分类汇总”对话框,设置分类字段,选择汇总方式,选定汇总项,单击确定按钮

    98921

    计算机文化基础

    文件或文件夹属性设置“隐藏”,在操作系统默认的设置中,该文件或文件夹将被隐藏起来,即不显示在“资源管理器”窗口中。当文件属性设置“只读”,用户就不能修改该文件的内容。...3.8.3 打印文档 1、打印预览  打印预览是指用户可以在屏幕上预览打印的效果,如果对文档中的某些地方不满意,返回编辑状态对其进行修改。  ...(2)在Excel 2010 编辑环境Ctrl +N组合键,也创建一个空白工作簿。  ...例如,在单元格中输入“="职业”&“学院"”(注意文本输入时须加英文引号)回车,产生“职业学院”的结果  注意:文本运算符的运算结果文本;如=3&15,结果文本35。  ...分类汇总前,需要先按分类字段对数据清单进行排序  数据清单按照分类排序,在:数据“选项卡的”分级“显示”组中单击”分类汇总”按钮,弹出“分类汇总”对话框,设置分类字段,选择汇总方式,选定汇总项,单击确定按钮

    76940

    ONLYOFFICE桌面编辑器8.1版:个性化编辑和功能强化的全面升级

    从 8.1 版本开始,ONLYOFFICE PDF 编辑器能够执行以下操作: 编辑文本 从文件“File”选项中选择需要编辑的PDF文件 文件加载下工具栏上的“编辑按钮便可激活编辑状态。...完成表单的定制之后,通过点击“文件”菜单并选择“另存为”,文档以填写的PDF格式保存。...完成修改,所有采用这一版式的幻灯片将自动同步更新这些变更。 运用动画面板 演示文稿编辑器中新增了动画面板,进一步提升了动画的可控性。在“动画”选项卡内,点击“动画面板”按钮打开此功能。...选择“音频”按钮并从本地选择所需的音频文件。 定位和调整音频 音频插入显示图标,可以将其拖到合适的位置。 设置音频属性 点击幻灯片中的音频图标以激活属性面板。...定制的编辑器工具栏 在编辑器的标题栏中,新增了显示或隐藏“保存”、“打印”、“撤销”和“重做”按钮的功能,用户可按需配置工具栏的显示选项,简化用户界面,减少干扰,专注于文档内容。

    10210
    领券