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

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

例如,当在编辑文本快捷键时,一个富文本编辑器菜单栏可能会获得焦点,例如alt + F10。在这种情况,点击Escape 或从菜单激活一个命令可能会将焦点返回给编辑器。 4.... Menu or Menu bar 中介绍了菜单元素所需附加角色,状态和属性。 单选按钮单选按钮组,是一个可选中按钮组合,被称为单选按钮,且该组合,只有一个按钮处于选中状态。...如果没有被选中单选按钮,那么将焦点设置第一个单选按钮上。 Space: 如果该按钮还没有被选中,则选中当前聚焦单选按钮。...某些浏览器,如果没有选中任何一个单选按钮,使用 Shift+ Tab 将焦点移动到单选按钮组,焦点将会被放置最后一个单选按钮,而不是第一个单选按钮。...重要提示:按钮状态改变时,其标签不改变。在此示例,当状态为 true 时,其标签仍为“静音”,这样屏幕阅读器就会像这样朗读:“静音” 切换按钮“已按”。

8.2K30

Python 图形化界面基础篇:添加单选按钮( Radiobutton )到 Tkinter 窗口

Python 图形化界面基础篇:添加单选按钮( Radiobutton )到 Tkinter 窗口 引言 Python 图形化界面基础篇这篇文章,我们将专注于 Tkinter 如何添加单选按钮...以下是一个示例: selected_option = radio_var.get() 在这个示例,我们使用 get() 方法获取了用户选择单选按钮值,并将其存储变量 selected_option...自定义单选按钮属性 除了基本单选按钮,你还可以自定义单选按钮外观和行为。你可以设置单选按钮字体、文本颜色、背景颜色、选中响应函数等。...) # 将自定义单选按钮添加到窗口 custom_radio_button.pack() 在上述示例,我们创建了一个自定义样式单选按钮,设置了字体、文本颜色、背景颜色、选中颜色和选中响应函数...通过创建和自定义单选按钮,你可以为你应用程序增加更多交互性和功能。接下来教程,我们将继续学习如何添加其他 GUI 元素,处理不同类型事件,并构建更丰富和功能强大图形用户界面应用程序。

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

C# 可视化程序设计机试知识点汇总,DBhelper类代码

); //将返回结果绑定到DataGridView控件 this.dataGridView1.DataSource = dt; 二、多条件模糊查询(eg:名称模糊查询,日期查询) //获得界面上输入查询条件...行,将所有列数据一个个放入到文本控件(cellClick事件)。...{ //”=”号左边给全局变量typeID赋值, ”=”号右边获得选中第一行第一列值转为string类型(列标号以数据库顺序为准) typeID = this.dataGridView1...去掉变量isAddBed数据空格 IsAddBed = IsAddBed.Trim(); //如果IsAddBed内容是等于”是“,就选中复选框,否则不选中 if..., ”=”号右边获得选中第一行第四列值转为string类型(根据值选中单选按钮) string radioButton= this.dataGridView1.SelectedRows[0].Cells

7.7K20

Kotlin学习日志(六)控件使用

只不过由于多数情况用不到视图对象,因此Kotlin把冗余视图入参给省略了,但是为了弄清楚按钮事件来龙去脉,还是有必要观察一本来面貌,接下来依次介绍按钮事件三种Kotlin编码方式:匿名函数...此时函数体代码还有两个值得注意地方: (1)因为视图View是基本视图类型,并不存在文本属性,所以需要把这个视图对象变量类型转换为按钮Button,然后才能得到按钮对象文本,Kotlin类型转换通过关键字...也就是true和false,在学习复选框用法之前,先了解一复合按钮CompoundButton概念,Android体系,CompoundButton是抽象复合按钮,因为是抽象类,所以不能直接使用...单选按钮RadioButton默认是未选中状态,点击它则显示选中状态,但是再次点击并不会取消选择,只有点击同组其他单选按钮,原来选中单选按钮才会被取消选中。...单选按钮选中事件实现时候,首先写一个选中监听器实现接口RadioGroup.OnCheckedChangeListener,然后调用RadioGroup对象setOnCheckedChangeListener

1.7K30

软件测试|超好用超简单Python GUI库——tkinter(十一)

也同样给了我们实现单选控件——Radiobutton,本文就给大家介绍一单选框控件Radiobutton使用。...当按钮时,对应函数会被执行。这里需要注意是,单选按钮控件仅能显示单一字体文本,但文本可以跨越多行,除此之外,您还可以为个别的字符添加下划线。...如果设置为 False,则会改变单选按钮样式,当点击时按钮会变成 "sunken"(凹陷),再次点击变为 "raised"(凸起)selectcolor设置当 Radiobutton 为选中状态时候显示图片...;如果没有指定 image 选项,该选项被忽略takefocus如果是 True,该组件接受输入焦点,默认为 Falsevariable表示与 Radiobutton 控件关联变量,注意同一组所有按钮...variable 选项应该都指向同一个变量,通过将该变量与 value 选项值对比,可以判断用户选中了哪个按钮

1.2K10

C++ Qt开发:RadioButton单选框分组组件

QRadioButton是Qt框架一个部件(Widget),用于提供单选按钮界面元素。单选按钮允许用户从多个互斥选项中选择一个,通常用于表示一组相关但互斥选项。...setText(const QString &text) 设置单选按钮文本标签。 text() const 获取单选按钮文本标签。...setAutoExclusive(bool enabled) 设置是否自动将同一组其他单选按钮设为未选中状态。...这些方法提供了对QRadioButton一些基本操作,包括设置文本选中状态、信号与槽等。通过这些方法,可以应用程序中方便地创建和控制单选按钮。...private slots: void MySlots(); 其次主程序mainwindow.cpp我们通过new QBUttonGroup新建一个按钮组,并将其加入到group_sex组内

43510

实战 | 0~1 自定义组件开发问卷小程序

容器组件内放入文本组件。选中容器组件后,左侧组件面板单击【文本】组件,并在文本组件【数据】>【文本内容】修改文本内容。...同时,可根据业务需求右侧组件编辑区调整视觉样式。例如,选中文本组件所在【容器】组件,选择【组件编辑】>【样式】,将组件内边距左右各设置20个单位距离。...依次加入调查项,如此案例调查项分为姓名、手机、职业和行业。单击表单容器【插槽 contentSlot】,并在该插槽依次添加相关表单组件。...单选内容 value 会被提交到数据库里。 8. 调查项添加完毕后,给调查表内容底部增加提交按钮按钮放置表单容器插槽,与表单组件平级,以关联到同容器内表单组件数据。...尾部编写 选中【插槽 footer】,单击组件通用类目中文本】组件,并将文本内容设置为版权信息。 步骤4:代码构建与发布 1.代码改造好后就可以进行预览,单击导航条【预览发布】。

2.9K20

Qt Style Sheet实践(三):QCheckBox和QRadioButton

单选按钮只允许用户一组选项中选择一个,且当其中一个被选中时候,按钮其他单选按钮自动取消。复选框则可以让用户同时选中多个选项,这在多项选择情况非常有用。...单选按钮和复选框应用广泛,WEB表单、软件配置界面常常是不可或缺元素。这篇博文主要讲述Qt单选按钮和复选框如何通过样式表进行外观定制。...基本实现       单选按钮(QRadioButton)基本特征是互斥。当一个按钮选中,系统自动取消其他按钮选中状态。当然,前提是这些按钮都要放置同一个父组件(Parent Widget)。...我们简单用Qt Designer拖个按钮组,Ctrl+R进行预览: ?       效果还不错,朴素简单。在这里,我们将一组单选按钮全部放到了一个QGroupBox里面。...具体参见《QT获取选中radioButton两种方法》及《QT根据ID设置radio按钮》。       如何进行样式定制呢?QRadioButton定制分成两个两个部分:选中按钮文本

8.9K60

寒假提升 | Day7 CSS 第五部分

单元格合并 在某些特殊情况, 每个单元格占据大小可能并不是固定 一个单元格可能会跨多行或者多列来使用; 这个时候我们就要使用单元格合并来完成; 如何使用单元格合并呢?...常见表单 form 表单, 一般情况,其他表单相关元素都是它后代元素 input 单行文本输入框、单选框、复选框、按钮等元素 textarea 多行文本框 select、option 下拉选择框 button...input变成选中 3.5. radio/checkbox radio使用 我们可以将type类型设置为 radio 变成 单选框: name值相同 radio 才具备单选功能 checkbox...VsCode内置了 Emmet语法 ,在后缀为.html/.css输入缩写后 Tab/Enter键即会自动生成相应代码 > (子代)和 + (兄弟) * (多个)和 ^ (上一级) ()(分组...(1) :last-of-type,等同于:nth-last-of-type(1) :only-child,是父元素唯一子元素 :only-of-type,是父元素唯一这种类型子元素 下面的伪类偶尔会使用

1K10

Matlab系列之GUI设计基础

如果为单选按钮或复选框指定 CData 属性,则图像可能与文本字符串重叠。另外,为单选按钮或复选框指定图像会禁用在选择或取消选择它们时显示功能。...'togglebutton' 可具有两种状态(未按按钮。每次点击切换按钮时,它状态都会发生变化。 'checkbox' 可具有两种状态(选中或取消选中复选框。...当用户在其上点击并释放鼠标按钮时,状态发生变化。 'radiobutton' 可具有两种状态(选择和取消选择)按钮单选按钮一组相关单选按钮中有意安排为互斥。 'edit' 可编辑文本字段。...'text' 静态文本字段。 'slider' 用户沿水平或垂直栏按钮按钮位置指示指定范围值。 'listbox' 用户可从中选择一项或多项项列表。...(2)ButtonDownFcn - 鼠标按钮回调函数 Note:''(默认) | 函数句柄 | 元胞数组 | 字符串 鼠标按钮回调函数,指定为下列值之一:【以下几个回调函数可设置值相同】 •

5.8K10

认识基本mfc控件

有6个控件几乎每个windows程序中都会出现:静态文本(Static Text)控件、编辑框(Edit Box)、按钮(Button)控件、复选框(Check Box)控件、单选按钮(Radio Button...编辑框控件:编辑框是用来让用户输入程序所需信息工具。编辑框只接受纯文本,也不提供格式。 命令按钮控件:如果用户命令按钮将触发一些操作。...命令按钮上有一个文本标签用来告诉用户当按钮会发生什么事,也可以将图片放置在按钮上来传达按钮信息。  复选框控件:复选框是一个方框,用户可以通过单击来选中或者不选中。...用来一次一组两个或者更多只选出一个值处于打开状态。 ? 这个就是单选按钮控件。   组合框控件:也叫下拉列表框。控件是一个带有可用值列表编辑框。...如果禁用会让Caption文本只显示轮廓或者像是对话框表面上凹痕。 Tab Stop:表明当用户使用tab键在对话框中移动时,这个控件是否被选中

3.4K20

Flutter常见表单组件

Flutter,常见表单组件有TextField单行文本框、TextField多行文本框、CheckBox、Radio、Switch、CheckBoxListTile、RadioListTile、...); }, child: Text("获取输入框文字"), ) 我们再想一如何通过不使用配置controller来获取到输入框文字呢...Radio常见属性如下: value,单选值 onChanged,选中该条目的时候触发函数 activeColor,选中背景颜色 groupValue,所在单选按钮选中值,要想配置几个Radio..._sex = value; }); }, //配置单选按钮选中值,所有该属性值相等Radio都处于同一个按钮..._sex,//按钮值,该值相同说明同一个按钮 onChanged: (value) {//选中时候回调 setState(() {

4.8K20

Pythontkinter模块常用参数总结

Tkinter窗口部件类没有分级;所有的窗口部件类树中都是兄弟。)...padx      设置文本按钮边框x距离,还有pady;activeforeground    时前景色textvariable    可变文本,与StringVar...标签图片;justify     多行文本对齐方式;text        标签文本,可以使用'\n'表示换行textvariable     显示文本自动更新,与...;text    指定组件文本;value    指定组件被选中关联变量值;variable   指定组件所关联变量;indicatoron...A键,A可用其他键替代;    同时alt和A;alt可用ctrl和shift替代;   快速A;<Lock-KeyPress-A

75630

前端如何提高用户体验:增强可点击区域大小

不要在移动设备屏幕上将按钮设置得太小,以免正确按钮。 触摸目标的最小尺寸最好至少为44 x 44像素。...当使用HTML 元素时,会获得下面效果: 可通过鼠标,键盘或触摸访问 可以通过键盘选中 有对应 JavaScript 方法 有些元素,我们需要添加 padding,原因有二: 让它更美观...复选框和单选按钮 当存在复选框或单选按钮元素时,我希望可以单击它或关联标签来激活/禁用它。 ? 从用户体验角度来看,这是难以访问和糟糕。...真实案例 最近Twitter更新,导航设计可点击区域大小方面存在问题。 最初,它仅与文本相关,如下面的屏幕截图所示,但他们收到反馈后将其修复。 ?...章节标题 某些情况,需要在章节标题远端添加“查看更多”按钮或箭头。 在下面的示例,我将箭头放置假圆,以便可以正确地使箭头居中。

4.7K20

后台系统设计(上篇:选择)

·在用户与单选按钮交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中和禁用)。...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中、禁用和未全选状态)。 讨论:仅有两个互斥选项(二元)是选择单选按钮还是复选框?...最佳用法 ·较小空间,对多个选项进行选择或内容较为次要且不需要一直显示时,下拉菜单是不错选择。若选项较少,考虑使用单选框(当进行单项选择时)或复选框(当进行多项选择时)。...如果需要指出所有项目都适用,例如,作为列表过滤器,请将「全部」 作为选项,并将其放置列表开头。 ? ·若下拉列表内容大于视窗高度,下拉列表高度为:N列表+½列表。 ?...关于下拉搜索 下拉搜索有两种情况,下拉单选和下拉多选情况。 ·单选情况,我们将搜索放在了原有的框体内,流程如下:用户输入关键字>实时匹配检索出选项>用户点击选项>完成操作。 ?

9.6K21

Android widget之CompoundButton

大家好,又见面了,我是你们朋友全栈君。 简介 具有两个状态按钮,已选中或未选中。当或点击按钮时,状态会自动更改。...RadioButton 单选按钮:是可以选中或取消选中双状态按钮。当单选按钮被取消选中时,用户可以单击来选中它。 注:单选按钮通常与RadioGroup在一起使用。...当多个单选按钮RadioGroup内时,检查一个单选按钮将取消选中所有其他单选按钮。 <?xml version="1.0" encoding="utf-8"?...该text 属性控制交换机标签显示文本,而 文本off和on文本控制拇指上文本。...(int) 开关拇指滑动“轨迹” ToggleButton 显示 打开/关闭 状态按钮,默认情况伴随文本“ON”或“OFF”。

2.2K20

Qt Designer基本控件介绍——按钮

Push Button :最普通、常见按钮按钮被点击就会发出clicked信号 button.clicked.connect(handleCalc) Tool Button :工具按钮,一般工具栏显示...,工具栏工具按钮一般只显示图标 可以通过setToolTip()来设置提示文本 详细介绍可看博客“pyQt5 学习笔记(14)QToolButton 工具按钮控件” button.setToolTip...("这是一个菜单工具图标") [当光标移动到这个工具按钮上,就会显示一个文本来提示用户] Radio Button :单选按钮,就是只能够选中一个,需要把RadioButton放到RadioGroup按钮...它允许除正常按钮文本之外还有描述性文本。默认情况,它还将携带一个箭头图标,表示控件将打开另一个窗口或页面。...用途类似于单选按钮用途,但是Command Link Button不应单独使用,而应作为向导和对话框单选按钮替代选项。

3.4K30

SAP屏幕设计器专题:编写控件代码(三)

我们程序怎么获得屏幕上控件值呢?起始很好办,只要我们程序中新建一个变量,类型和长度以及名称都跟屏幕上控件对应属性一致就可以了。 比如屏幕上那个文本框名称是:TXT。...我们要获取这个文本内容,就需要新建一个TXT变量,长度最好一直,类型要一样: DATA:TXT(9) TYPE C....而复选框和单选声明也是类似,名称要一样(大写),变量类型是C,长度是1。...MESSAGE '单选框1被选中' TYPE 'I'. ELSEIF R2 = 'X'. MESSAGE '单选框2被选中' TYPE 'I'.       ENDIF....我们SE51屏幕设计器上画出一个文本框,只作为输出,即内容说明: 此文本框名称是TXT1,长度是14,于是我们定义变量如下: SPAN { font-family: "新宋体"; font-size

74210

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

8、RadioButton控件 RadioButton又称单选按钮,其工具箱图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选只能选择一个,如图9-14所示。...(3)Appearance 属性:用来获取或设置单选按钮控件外观。当其取值为 Appearance.Button 时,将使单 选按钮外观像命令按钮一样:当选定它时,它看似已被。...(4)Text属性:用来设置或返回单选按钮控件内显示文本,该属性也可以包含访问键,即前面带有“&” 符号字母,这样用户就可以通过同时Alt键和访问键来选中控件。...(5)RadioCheck 属性:用来获取或设置一个值,通过该值指示选中的菜单项左边是显示单选按钮还是选中标记。值为true时将显示单选按钮标记,值为false时显示选中标记。...该属性是MouseButtons枚举型值, 取值及含义如下:Left(鼠标左按钮)、Middle(鼠标按钮)、Right(鼠标右按钮)、None(没有鼠标按钮)、 XButton1 (下了第一个

9.5K20
领券