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

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

三态复选框示例: 演示如何使用 mixed 的 aria-checked 值制作一个组件。...示例 链接举例: HTML标签 span 和 div 构建链接部件。 键盘交互 Enter: 执行链接并且焦点移动到链接目标。 Shift + F10 (可选地): 打开链接的上下文菜单。...Page Down (可选地): 大幅度减小滑块的值(比 Down Arrow 减小的值大)。 NOTE 焦点放在滑块上(鼠标用户可以移动的视觉对象,也称为thumb组件)。...如果 aria-valuenow 的值对用户不友好,例如周几一般使用数字呈现, aria-valuetext 属性设置为一个字符串,这样滑块值更易理解,例如 "Monday"。...可打印字符: 在文本框输入字符。注意,许多实现仅允许某些字符作为值的一部分,防止输入任何其他字符。 例如,小时和分钟的数值调节只允许从0到59的整数值,冒号':'以及字母'AM'和'PM'。

8.2K30

如何设计下拉菜单(技巧+实例)

纯数值 通常来说,在手机上使用数字键盘输入纯数值会比在菜单中选择数值更加快一些。 ? 精确数值 对于精确数值(如购物车里的商品数量),可以使用计数器来让用户快速对数字进行增减。 ?...不精确数值 对于不精确的数值,可以使用滑块。 ? 设计下拉菜单时需注意: 尽量不要使用交互式下拉菜单 交互式下拉菜单指在同一页面内,用户选中某一菜单的选项后,另一菜单的选项也会跟着变化。...另外,如果用户鼠标悬停在灰色选项上超过一秒钟,可以考虑一个简短的提示信息来解释该选项为何被禁用。 保留菜单标签/说明 打开下拉菜单时,最好是标明菜单标签或说明。...在下拉菜单,访问键应允许用户在不使用鼠标的情况下快速选择可见选项。在下拉框,用户应该能够键入字母、快速导航到以该字母开头的选项。...当然,以上只是简单地介绍了如何用Mockplus做出简单的下拉菜单Mockplus还可以做出复杂一些的下拉菜单,如手风琴菜单,详细教程见:http://doc.mockplus.cn/?

3K84
您找到你想要的搜索结果了吗?
是的
没有找到

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

的 参数RichTextBoxFinds指定如何在控件执行文本搜索,其取值及其含义如表9-4 所示。...2、常用事件: (1)Click事件:当用户鼠标左键单击按钮控件时,发生该事件。 (2)MouseDown事件:当用户在按钮控件上按下鼠标按钮时,发生该事件。...按 Ctrl 键的同时单击鼠标选择或撤销选择列表的某项;当该属性设置为 SelectionMode.MultiSimple 时,鼠标单击或按空格键选择或撤销选择列表的某项;该属性的默认值为SelectionMode.One...其 SmallChange属性用于控制当鼠标单击滚动条两边的箭头时,滑块滚动的值,即 Value属性 增加或减小的值。而LargeChange属性则控制当用鼠标直接单击滚动条时滑块滚动的值。...该事件的事件处理程序接收一个MouseEventArgs类型的参数 (6)MouseUp 事件:当鼠标指针在控件上释放鼠标键时发生该事件。

9.6K20

Xcelsius(水晶易表)系列2——单值部件

输入型的单值部件可以引用识别excel带公式的单元格,这样鼠标点击既可以实现动态控制。 量表的最大特色就是呈现简单易懂的指标数据效果,并且添加预警功能(警报)。...(双击进入属性窗口分别将标题、实际值链接到对应单元格,这里因为滑块属于输入型单值部件,我们用来链接转化费用指标,最大值调整至合适刻度【根据实际需要】,调整滑动步长)。...(如果需要也可以通过外观菜单调整刻度、标题位置及颜色等美化元素)。 ? 在警报菜单添加启用警报, ?...双击进度条,弹出的属性菜单标题、实际值等链接到净利润项目所在单元格,设置好最大值、最小值范围,在警报菜单中将目标链接到净利润的目标值单元格,设置好警报的预警色值范围,确保预警颜色与数值胆小是否匹配...单值部件的输入输出操作技巧就这些,掌握如何连接数据、如何定义警报就可以了,至于美化、背景以及引导线这些只要明白其中的数据逻辑,通过点选Xcelsius菜单就可以很快的熟练完成。

1.4K50

带有桌面和推荐软件的 Raspberry Pi OS免费下载

;而是添加菜单选项以打开常规外观设置应用程序 * lxpanel - 为打开对话框的菜单项添加省略号 * lxinput - 直接从 xinput 读取当前鼠标加速度 * lxinput -...旧相机应用程序和库重新安装(仅限 32 位) * 错误修复 - lxinput - lxsession 配置文件未在第一次尝试时写入 * 错误修复 - lxinput - 为文件写入设置计时器以防止滑块变慢...和复合显示器 * 错误修复 - lxplug-magnifier - 修复在未安装所需放大镜包的情况下打开首选项时崩溃 * 错误修复 - piwiz - 启动屏幕阅读器安装提示作为新进程,以防止音频锁定崩溃向导...,以防止锁定重启或关闭进程 * 添加了各种额外的语言翻译 * 各种小错误修复和 UI 调整 * 树莓派固件 b324aea801f669b6ab18441f970e74a5a7346684...鼠标指针初始移动到菜单按钮禁用 * 删除菜单按钮左侧的填充 * 焦点行为发生变化,如果没有打开任何窗口,焦点会移至桌面 - 提高 Orca 屏幕阅读器的可靠性 * 错误修复 - 音量插件的焦点错误

2.1K20

PS CC 2018下载和安装教程--所有PS软件全版本!

补齐描边末端完成从上一绘画位置到您松开鼠标/触笔控件所在点的描边缩放调整通过调整平滑,防止抖动描边。...例如,在macOS,通过调整系统偏好设置扩展;共享菜单,可在共享面板添加/删除服务。...此版Photoshop附带几种可变字体,您可以使用属性面板便捷的滑块控件调整其直线宽度、宽度和倾斜度。在调整这些滑块时,Photoshop会自动选择与当前设置最接近的文字样式。...但有时也想找回原图的色彩,这时设置黑(白)场就派上用场了点击“色阶”,选择白色笔管,在图像应该是白色并且最白的地方吸色再选择黑笔管,吸最黑的地方这样就重新设置了黑白场,矫正了偏色4版权信息嵌入在Photshop里如何版权信息嵌入图片里呢...(且无聊)的你只要点击图像>调整>去色,就可以完成但如果你想让这张黑白片更上一个层次的话不妨一个“黑白调整层”去调你可以6个颜色的滑块去控制图像的主要颜色还可以那个“小手”工具单击图片任何的区域,

2.7K40

win10锁定计算机命令,锁定Windows 10 PC的10种方法

在“开始”菜单锁定计算机 毫不奇怪,“开始”菜单提供了用于锁定PC的选项。只需单击“开始”按钮(Windows图标),选择您的帐户名,然后单击“锁定”。...按Ctrl + Alt + Delete,然后在出现的菜单单击“锁定”。 在任务管理器锁定计算机 您也可以在任务管理器锁定PC 。...创建一个桌面图标来锁定您的计算机 如果您只想单击即可锁定PC,则可以创建一个桌面图标。为此,请右键单击您的桌面,鼠标悬停在“新建”上,然后选择“快捷方式”。...您的图标将出现在桌面上,随时双击以锁定您的PC。 在屏幕保护程序设置中进行设置 您可以屏幕保护程序 打开一定时间后,PC设置为锁定。为此,请在Windows搜索框中键入“屏幕保护程序”。...在搜索结果单击“更改屏幕保护程序”。 在“屏幕保护程序设置”菜单,选中“在恢复时,显示登录屏幕”选项旁边的复选框。使用“等待:”框的箭头按钮选择PC锁定之前应经过的时间,然后单击“应用”。

5.8K30

零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)

即通过鼠标菜单、按钮等图形化元素触发指令,并从标签、对话框等图型化显示容器获取人机对话信息。...创建菜单命令 Message 消息 多行文本标签,与Label用法类似 Radiobutton 单选按钮 从互斥的多个选项做单项选择 Scale 滑块 默认垂直方向,鼠标拖动改变数值形成可视化交互...例如:在一个窗体上设计一个200像素宽的水平滑块,取值范围为1.0~5.0,分辨精度为0.05,刻度间隔为 1,鼠标拖动滑块后释放鼠标可读取滑块显示在标签上。...通常需要右击弹出的控件实例绑定鼠标右击响应事件,指向一个捕获event参数的自定义函数,在该自定义函数鼠标的触发位置event.x_root 和 event.y_root以post...例子:仿照window自带的“记事本”的文件和编辑 菜单,实现在主菜单个快捷菜单上触发菜单命令,相应改变窗体上的标签的文本内容。

14.1K30

一起来学matlab-matlab学习笔记9 高级绘图命令_1 图形对象_根对象,轴对象,用户控制对象,用户菜单对象

属性value显示可选择的项目与包含着字符串列表项目的索引;对于选择了多个项目则用向量表示。在任何的能改变属性value值的、鼠标松开的操作之后,系统MATLAB马上执行列表框的回调函数。...用户要移动一滑块,只需在滑块上按下鼠标不放,且在滑块方向上移动;或者是在滑槽内单击鼠标;或者是单击滑块条上的箭头。当松开鼠标后,滑块所在位置将与一数值对应。...在建立子菜单项时,必须指定一级菜单项对应的句柄值。快捷菜单鼠标右键单击对象时在屏幕上弹出的菜单。快捷菜单的位置是不固定的,而且总是附加在某个图形对象上。...HitTest属性:该属性决定是否鼠标选取对象作为当前对象。...当设置为on时,表示能够鼠标选取对象作为当前对象;当设置为offü寸,CurrentObJec瞩性返回空矩阵 UserData属性:该属性用于保存与菜单对象有关的信息或数据,属性值为矩阵,其默认值为

3.6K40

git的可视化工具乌龟git新版本的一些功能提升

2.10.0.2 = 发行日期:2020-03-24 ==错误修复== *修复问题#3557:TortoiseGitMerge'使用此文本块'不起作用 *已修复问题#3559:通过右键单击打开上下文菜单时...修复问题#3542:提交许多文件,但未启用Cygwin hack *修复了问题#3524:更新至2.10.0.0后,修订图非常慢 *修复了Git凭证帮助程序设置页面上可能发生的崩溃 *修复了同步对话框可能的数据争...trustExitCode 现在可以同步执行外部合并工具(即TortoiseGit运行时阻止):退出合并工具后,TortoiseGit会自动删除临时文件询问是否冲突标记为已解决。...;如果启用,首先尝试使用它,请参见手册) *通过异步计算文件差异来加快RebaseDlg和SyncDlg *基于Windows的Gitlibgit更新到2.25.1 *已修复问题#3452:鼠标移到...TortoiseGitBlame的作者姓名上时,鼠标滚轮滚动不起作用 *性能优化 ==错误修复== *修复了问题#3449:缩进短行(按Tab键)时崩溃 *固定问题#3463:“检查更新”对话框

2.5K10

Selenium自动化测试-6.鼠标键盘操作

——————·今天距2020年77天·—————— 这是ITester软件测试小栈第59次推文 大家好 我是vivi小胖虎 作为测试 好像对于点点点这事一直放不下 如何让点点点变得更简单 让人变得更懒呢...一、move_to_element() 以百度页面的设置为例,看看鼠标悬停怎么操作。 ? 鼠标移至设置,会出现下拉菜单,显示4个选项,代码如下: ?...整个流程是:定位到元素后,调用ActionChains()方法,driver作为参数传入,鼠标悬停到元素上,perform()执行所有ActionChains中储存的行为。 ?...x坐标; yoffset: 元素拖动到另一个位置的y坐标; 我们以滑块为例,我们需要将滑块移到最右的位置来解锁: ?...怎么实现呢,我们通过定位元素,发现整个滑块的长度为298px。 ? 那么我们只要往右滑动的距离超过298px,就可以实现解锁滑块了,等不及了,代码来实现吧。 ? 运行之后,自动解锁滑块成功: ?

1.4K10

平面设计师必备的AI快捷键

九、字距 缩字距 alt+方向键 缩行距 alt+方向键 十、如何画页面大小的框 1.对像>裁剪区域>建立 2.对像>裁剪区域>释放 得到一个和页面一样大小的框 十一、工具箱 多种工具共用一个快捷键的可同时按...【Shift】加此快捷键选取,当按下【CapsLock】键时,可直接此快捷键切换 移动工具 【V】 直接选取工具、组选取工具 【A】 钢笔、添加锚点、删除锚点、改变路径角度 【P】 添加锚点工具 【+...【Ctrl】+【Z】 重复操作 【Ctrl】+【Shift】+【Z】 选取的内容剪切放到剪贴板 【Ctrl】+【X】或【F2】 选取的内容拷贝放到剪贴板 【Ctrl】+【C】 剪贴板的内容粘到当前图形...另外在菜单栏的文本菜单里有路径文本,当成功创建路径文本后,子菜单生效,里面有路径文本选项,可以对路径文本作更详细的设置调节。 问题二、AI里怎么调渐变颜色?...首先,打开你的渐变面板,点击你要改变颜色的滑块,选择以下几种方法: 1.改变填充色(在工具箱); 2.在颜色面板里改变填充色; 3.在色板面板中直接拖曳色块到颜色面板填充色块; 4.在颜色面板中点击底部的色谱

2.5K20

Python-Tkinter图形化界面设计(详细教程 )

滑块控件实例的主要方法比较简单,有 get()和set(值),分别为取值和滑块设在某特定值上。...滑块实例也可绑定鼠标左键释放事件,并在执行函数添加参数event来实现事件响应。...例如:在一个窗体上设计一个200像素宽的水平滑块,取值范围为1.0~5.0,分辨精度为0.05,刻度间隔为 1,鼠标拖动滑块后释放鼠标可读取滑块显示在标签上。效果如下: ?...通常需要右击弹出的控件实例绑定鼠标右击响应事件,指向一个捕获event参数的自定义函数,在该自定义函数鼠标的触发位置event.x_root 和 event.y_root以post()方法传给菜单...例子: 仿照window自带的“记事本”的文件和编辑 菜单,实现在主菜单个快捷菜单上触发菜单命令,相应改变窗体上的标签的文本内容。效果如下: ?

14.1K40

Flash软件应用项目(一)

新建 Action script 3.0 二.基础大色块构建 1.黄昏背景 如何在 flash 构建一个背景呢?...首先,我们矩形工具画一个矩形 在窗口菜单下找到颜色控制面板,色彩类型改为线性渐变点击下面小滑块,可以更改颜色,用油漆桶工具从上往下在矩形滑动,可以从线性渐变下的色调,从右往左填充,也就是说,你鼠标第一次点到的位置是色调的最右边...切换回选择工具,在窗口菜单下打开对齐控制面板选中刚刚渐变的图形,点击匹配宽和高,方向键移动,直至填充整个画布,这是因为舞台不能填充渐变,只能填充单色,所以我们矩形工具来达到渐变效果 新建一个图层,...点击工具控制面板贴紧控制对象工具,直线工具围住整个画布 2.金色稻田 直线工具描绘出桥的形状,在同一图层下连接边缘围绕背景的直线任意一点,形成一个闭合的回路关闭图层后面的小眼睛可以看到他是否在同一图层...也可以对路做出变形 最后画出桥的花纹 新建图层,其余图层锁定钢笔工具描绘出道路的形状,Alt 可以更改手柄,Ctrl 可以移动锚点(一定要闭合),油漆桶切换成纯色,检验一下是否闭合,也可以封套工具做出多种多样的路面

98820

linux局域网传输文件,局域网传输文件详解

我们该如何做呢?...安装成功后会有如图4所示的提示信息出现,但此时相信各位都不知道它是怎样使用的,因为当你在准备复制的文件上单击右键时,却发现在弹出的菜单并没有关于它的选项增加,在浏览器的工具栏和菜单也是如此,就连开始的程序菜单也没有线索...在复制过程你可以点击“Pause”按钮来暂停复制进度,也可以拖动右上角的滑块来限定复制文件在局域网的传输速率。...如果带宽比较紧张,通过拖动这个滑块进行合适的速率调整后,就可有效地防止因为正在复制的文件消耗大量的带宽导致系统没有响应、当机等现象发生,从而就使得文件的复制进程更加顺利。...不过就算在复制过程由于某种原因使得文件复制进程停止即“复制失败”,只要将文件再次右键拖动到相同的保存目录,松开鼠标键,点击“Total Copy Here”选项,Total就会自动在还没复制完成的文件上继续复制

5.2K20

Selenium自动化测试-6.鼠标键盘操作

import ActionChains ActionChains提供的操作如下: perform() 执行所有 ActionChains 存储的行为; context_click() 右击; double_click...鼠标移至设置,会出现下拉菜单,显示4个选项,代码如下: ?...整个流程是:定位到元素后,调用ActionChains()方法,driver作为参数传入,鼠标悬停到元素上,perform()执行所有ActionChains中储存的行为。...x坐标; yoffset: 元素拖动到另一个位置的y坐标; 我们以滑块为例,我们需要将滑块移到最右的位置来解锁: ?...怎么实现呢,我们通过定位元素,发现整个滑块的长度为298px。 ? 那么我们只要往右滑动的距离超过298px,就可以实现解锁滑块了,等不及了,代码来实现吧。 ? 运行之后,自动解锁滑块成功: ?

1.9K10

100行代码自动买火车票——和你一起探索抢票软件背后的原理

本文目录 效果展示 代码详解 2.1 导入库 2.2 确定好基本购票信息 2.3 登录12306 2.4 模拟滑动滑块 2.5 处理疫情特殊要求 2.6 点击购票填写相关信息 2.7 锁定车票 一...如果不是为了演示效果,直接在最后确定阶段加一个延时点击确定,应该不到45秒可以锁定一张票,只要在30分钟之内付款即可。 二、代码详解 本小节会详细解锁抢票软件是如何模拟登录网站,进行自动买票的。...点击红框的箭头,把鼠标移动到账户框上去,就会出现如下界面: undefined 右边变灰的框里就会出现对应的id,点击账号框,再把鼠标移动到右边变灰的字符上去,点击右键,会出现copy element...5 处理疫情特殊要求 完成滑块验证要求后,会出现如下疫情特殊要求提示: 如下代码点击确认即可。...7 锁定车票 最后是依次查找trains的车次是否有票,有的话点击购买锁定车票。 trList = browser.find_elements_by_xpath(".

1.5K20

SVN服务器搭建和使用(一)

Commit的作用是本地最新修改的文件同步到SVN服务端,供其他人来参考或者使用,当然使用之前,要先Update一下,来确保是最新的,在修改文件上击右键,出现菜单,选择“SVN Commit…”,如下...4、增加文件(Add) 1)需要增加的新文件放入到本地迁出的文件夹TestManger目录的相应位置鼠标选中新文件右键选择“Tortoise SVN”的“Add”项,如下图所示:...2)鼠标选中TestManger文件夹右键选择“SVN Commit…”,新文件上传配置库对应文件夹(若只上传单个文件,只需点中单个文件上传即可)。...(锁定后他人无法修改此文件),系统弹出锁定信息框。...,会在右键菜单里找到SVN,如图: 选择设置,进入下一步,如图: 在右边的语言里面选择简体中文,然后点击应用,确定,汉化即完成,如图: 到这里,服务端和客户端都已经安装完毕,下一篇介绍VisualSVN

5.7K20
领券