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

为什么单选按钮和复选框不能共存?

事实,用户也需要知道这两个组件区别(ps:间接说明了这两个组件并不直观)。它们外观本身并不能反映它们在功能上细微差别。视觉线索只有圆点和复选框区别;除了选项之外,其他对用户毫无意义。...这两种组件通常都用于从列表中选择选项场景。然而,它们两种不同视觉提示,单选按钮一个圆里面有一个点,而复选框一个正方形里面有一个勾选标记。...互斥/包容不是用户关心问题 如果你问一个普通用户什么互斥或包含选项,他们可能无法回答你。因为他们在使用时并不会考虑互斥性或包容性,只有设计师和开发人员设计页面才会考虑这些。...用户如何知道单选还是多选? 组件提供标签提示通常能告知用户可以进行多选还是单选。当用户可以选择多个选项时,标签单词后缀复数形式。当用户只能选择一个选项时,标签单词后缀单数形式。...然而,由于对用户体验渐渐有了更好理解,过去许多旧设计实践也在不断发展演变。例如,清除表单重置按钮必填字段红色星号和密码确认字段现在几乎都消失了。

1.4K20

Zabbix最佳实践二:快速入门

默认已有一个名为’Zabbix server’预先定义好主机。点击右上角创建主机(Create host)以添加新主机,带星号项为必填项。...(这个过程在前面的文章中有进行介绍) 三.新建监控项 监控项Zabbix中获得数据基础。没有监控项,就没有数据——因为一个主机中只有监控项定义了单一指标或者需要获得数据。...如果没有选择模板,监控项为0。点击右上角创建监控项(Create item),将会显示一个监控项定义表格,带星号选项均为必填项。 需要输入如图所示以下必要信息: ?...带星号项均为必填项。 对于触发器,填写内容如下图: ? 这个表达式大致说如果3分钟内,CPU负载平均值超过2,那么就触发了问题阈值。完成,点击添加(Add)。...6.3 链接模版到主机 准备一个模版,将它链接到一个主机。前往配置(Configuration) → 主机(Hosts),点击’httpd’打开表单,前往模版(Templates)标签页。

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

WordPress 6.1 新增必填字段相关函数和钩子

文章目录[隐藏] 过滤标记 指示符示例 消息示例 当表单包含多个必填字段时,它们标签可能带有一个带有图例星号,以说明这些字段必填。...为了减少代码重复并帮助维护全局一致标记,WordPress 有两个新函数:wp_required_field_indicator()和wp_required_field_message()。...必填字段标签使用wp_required_field_indicator()函数,它给出了包含必填星号span标签添加了“required”类名。翻译人员现在可以用他们语言中更合适字形替换星号。...在 WordPress 5.9 和 6.0 中,屏幕阅读器不会阅读评论表单星号必填字段消息文本,因为它们视觉提示。在 6.1 中,修订版恢复了这些项目,因此看到文本屏幕阅读器用户也能听到它。...过滤标记 这两个函数都有用于编辑其输出钩子,并且过滤器名称与相关函数匹配。

66010

测试用例(功能用例)——完整demo(一千多条测试用例)

背景 随着信息化时代到来,实现资产数字化网络化管理,任何一个事业单位及企业需求:通过计算机软件,使资产易于维护、方便查询,提高资产管理准确性,进而提高工作效率。...平台、角色和权限 资产管理系统涉及Web端及手机APP两个平台;BS资产管理系统包含超级管理员和资产管理员两个角色;手机APP仅资产管理员一个角色。...因资产管理员和超级管理员使用同一个账号登录,任一角色修改手机号、登录密码,对两个角色同时生效。...新增人员:(注意,必填项使用红色星号“*”标注) 在人员列表页,点击【新增】按钮,弹出“新增人员”窗口; 姓名:必填项,字符长度:10字以内; 工号:必填项,与系统内员工工号(包括已删除员工)不能重复...资产借用登记:(注意,必填项使用红色星号“*”标注) 在资产借用列表页,点击【借用登记】按钮,打开“资产借用登记”窗口; 资产名称:必填项,默认为“请选择”,在下拉列表中进行选择(只能选择“已归还”并且资产状态为

5.1K20

Linux中Crontab使用

``L``W只有部分软件实现了 Month 1–12 or JAN–DEC *``,``- Day of week 0–6 or SUN–SAT *``,``-``?``L``# ?...``L``#只有部分软件实现了 Year 1970–2099 *``,``- 标准实现不支持此字段。...星号(*):代表所有可能值,例如month字段如果星号,则表示在满足其它字段制约条件每月都执行该命令操作。...逗号(,):可以用逗号隔开值指定一个列表范围,例如,“1,2,5,7,8,9” 中杠(-):可以用整数之间中杠表示一个整数范围,例如“2-6”表示“2,3,4,5,6” 正斜线(/):可以用正斜线指定时间间隔频率...0 17 * * sun,fri xx.sh 在每周五、周日17点执行任务 0 2 * * sun [ $(date +%d) -le 07 ] && xx.sh 在某个月一个周日执行任务

85320

实战 | 0~1基于模板开发问卷小程序

同时,支持在数据源管理页面自定义添加业务所需字段,单击【添加字段】。 3. 可以增加一个职业字段,字段标识为 job,字段类型为字符串,是否必填选择【】,是否枚举选择【4....设置完毕单击【确定】就增加了一个字段。 5. 不需要字段可以删除,可以单击操作列上删除按钮删掉,本文以删掉感兴趣的话题字段为例。 6....添加第二个字段所属行业,字段标识为 industry,字段类型为字符串,是否必填选择【】,是否枚举选择【】,设置完毕单击【确定】就增加了一个字段。 7....默认添加到最后边,我们可以调整一下顺序,拖住组件调到【按钮】组件前边。 4....本地需要安装好 node.js 并且按照弹出窗口提示命令依次在命令行执行,安装完毕需要打开低代码编译监控。 3. 部署完成便会弹出预览二维码和预览访问地址。 4.

2.2K20

微信小程序【常用组件及自定义组件】

(4) swiper 这个组件,小程序页面中一个轮播图效果 swiper 轮播图一个容器,swiper-item 代表其中一个内容,配合其属性,能很方便达到需要样式 同样摘了几个常见属性...HTML节点 元素节点:type = node 属性 说明 类型 必填 备注 name 标签名 string 支持部分受信任 HTML 节点 attrs 属性 object 支持部分受信任属性...,暂时推荐后者吧,此处未深究 (8) icon 微信小程序默认封装了一些图标,也很简单,只有三个属性 属性 类型 默认值 必填 说明 最低版本 type string icon类型,有效值:success...(9) radio 单选框组件,需要配合 radio-group 使用,下面看代码就明白了 属性 类型 默认值 必填 说明 最低版本 value string radio标识。.../components/header/header" } } 然后直接引用就可以了,效果就出来了 (2) 组件传参 组件传参有两个方向,一个父组件 --> 子组件

1.8K20

两万字:讲述微信小程序之组件

一个组件包括开始标签和结束标签,属性用来装饰这个组件样式。...组件书写格式 内容 所有组件有哪些及码文结合解释 一、视图容器 1.view 属性 类型 默认值 必填 说明 最低版本 hover-class string none...,就是当我们两个view组件成嵌套关系时,尤其当父view样式面积较大而子view样式面积较小时,会出现当我点击子view时父view也跟着变化,所以此属性设置可以消除此问题。...background-color: darkmagenta; width: 600rpx; height: 600rpx; }  效果:我们会发现问题,就是:但点击哪个组件,就只有被点击组件变化... 当 swiper-item 个数大于等于 2,关闭 circular 并且开启 previous-margin 或 next-margin 时候,可以指定这个边距是否应用到第一个、最后一个元素

3.7K20

13. 快速上手!HarmonyOS4.0 Form(Checkbox_CheckboxGroup_Radio_TextInput_TextArea)表单详解

,我们经常遇见问题, 全选/ 全不选 , 那么 在Harmonyos 中 应该如和处理这种问题呢?...Radio参数 参数名 参数类型 必填 参数描述 value string 当前单选值。...group string 当前单选所属群组名称,相同groupRadio只能有一个被选中。...text 属性生效,但是当在ui 中将text内容删除之后 placeholder 内容会展示出来 text属性 用户输入内容 placeholder属性 提示内容,不占位, 当用户输入内容时,...宽度未设置时,默认撑满最大宽度 参数名 参数类型 必填 参数描述 placeholder ResourceStr 设置无输入时提示文本,输入内容,提示文本不显示。

5500

干好这件事,卷死所有同行

表单介绍 表单定义 表单在网页中主要负责数据采集功能,提交数据一切形式。 表单构成 标签、输入域、提示信息、动作。...由于大家对大部分类型都很熟悉了,我就选择几个大家可能容易忽略说一说 选择框和复选框(单选框)选择 当项数比较少时候,复选框(单选框)一个更优解;选项全部都列出来,可以按重要程度排列,方便用户查看对比...善用开关按钮 允许用户在两个相反状态之间进行选择,如:有效或无效、、开或关等。...可优化点 当表单必填项未填写完整时,提交或保存等主按钮一般为灰色状态,不可进行下一步操作,当完成必填信息填写按钮变为高亮,可进行下一步操作(但表单项超过5个时则不建议使用主按钮禁用原则)。...按钮级loading:提交/确定类按钮,点击需有loading,防止用户多次操作。 弹框loading:确定按钮点击需有loading。 表格loading:用表格自带loading属性。

2.5K10

单选按钮用户体验设计

单选按钮表单系统一个基本元素。它们被使用在当存在互斥两个或多个选项列表而用户必须选择其中一个时。换句话说,点选某个尚未选中单选按钮,之前选择就会恢复成未选中。...3、选项应该是全面的和分明 单选最大可用性问题来自于标签模糊,有误导性,或描述选项令普通用户无法理解。虽然上下文帮助说明可以减少后者问题,但让用户测试任何重要交互控制仍然最好选择。...好水平排布单选按钮组案例可以在Duolingo app中看到:它们使用一组经典横向按钮,在视觉凸显出目标区域并且对于触摸设备来说足够大。...通过视觉和动画反馈能够让人最快理解输入信息。 二、复选框一个更好选择吗? 如果只有两个选项,你应该使用单独一个复选框取而代之。...默认选项可能引导用户做出最好决定,并提升它们在草错过程中信心。 简单答案。当你有一个简单问题而用户只需回答时候,使用复选框还是正确无误

6.1K100

【愚公系列】2022年10月 微信小程序-优购电商项目-小程序常见组件

一、小程序常见组件 1.view 长按我才会出发样式事件 2.text ⽂本标签 只能嵌套text ⻓按⽂字可以复制(只有标签有这个功能...}] }] }, tap() { console.log('tap') } }) nodes 属性 属性 说明 类型 必填 备注 name 标签名 string ⽀持部分受信任..." > default 属性 类型 默认值 必填 说明 size string default 按钮⼤⼩ type string default 按钮样式类型 plain...boolean false 按钮是否镂空,背景⾊透明 disabled boolean false 是否禁⽤ loading boolean false 名称前是否带 loading 图标...String “scaleToFill” 图⽚裁剪、缩放模式 lazy-load Boolean false 图⽚懒加载 mode 有效值: mode 有 13 种模式,其中 4缩放模式,

86820

UI设计师一定要了解15个表单设计原则

表单几乎一个数字产品都无法规避组成部分,它作用近乎无可替代。...●○●为了让布局更紧凑,将标签作为占位符放置于输入框内很有诱惑力做法,但是这样存在一定可用性问题:让部分用户迷惑内容已经被填写;点击输入时候占位符消失,有的用户会忘记输入内容属性。...●○●纵向排列复选框让用户可以更快扫视内容,便于进行选取。 表述清晰行为召唤按钮 ? ●○●行为召唤按钮标签必须使用简短而明确词汇,让用户明确行为意图和功能。 指明出错内容 ?...诸如邮政编码、电话号码和银行卡号这样字段,长度都是固定,在设计它们输入框时候,输入框长度很好确定。 正确区分必填字段和选填字段 ?...值得思考问题 设计师应当考虑可选字段是否真的必要,并且尽量从更多渠道搜集数据。 用户数据搜集和录入日趋完善甚至日益复杂化。

1.9K40

180多个Web应用程序测试示例测试用例

1.所有必填字段均应经过验证,并以星号(*)表示。...7.禁用字段应显示为灰色,并且用户不应将重点放在这些字段。 8.单击输入文本字段,鼠标箭头指针应变为光标。 9.用户应该不能输入下拉选择列表。...4.当至少一个过滤条件选择不是强制性时,用户应该能够提交页面,并且默认搜索条件应该用于查询结果。 5.对于过滤条件所有无效值,应显示正确验证消息。...3.检查页面上是否有任何具有默认焦点字段(通常,焦点应设置在屏幕一个输入字段)。 4.在关闭父窗口/打开器窗口时,检查子窗口是否已关闭。...22.检查忘记密码功能是否在指定时间通过临时密码过期等功能得到保护,并且在更改或请求新密码之前会询问安全性问题。 23.验证CAPTCHA功能。 24.检查重要事件是否记录在日志文件中。

8.1K21

Markdown基础教程

HTML 标签来实现 删除线只需要在文字两端加上两个波浪线 ~~ 即可 MARKDOWN *斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本***...文章内如何引用本地图片文件:进入hexosource/_posts目录,会发现一个写文章内容.md文件和一个同名文件夹,把图片丢进文件夹里面就行,然后直接!...< 符号,因为 Markdown 支援 行内 HTML ,如果你使用 < 符号作为 HTML 标签使用,那 Markdown 也不会对它做任何转换,但是如果你写: 4 < 5 Markdown...将会把它转换为: 4 < 5 不过需要注意,code 范围内,不论行内还是区块, < 和 & 两个符号都一定会被转换成 HTML 实体,这项特性让你可以很容易地用 Markdown 写 HTML...---- 区块元素 ---- 段落和换行 一个段落一个以上相连接行句组成,而一个以上空行则会切分出不同段落(空行定义显示看起来像是空行,便会被视为空行。

6.2K20

liunx下利用某软件创建图形伪界面

--clear:完成清屏操作,在框体显示结束,清除框体,这个参数只能单独使用,不能和别的参数联合使用。 --ok-label :覆盖使用OK按钮标签,换做其它字符。...--checklist:允许你显示一个选项列表,每个选项都可以被单独选择(复选框)。 --from:允许建立一个标签文本字段,并要求填写。...--pause:显示一个表格用来显示一个指定暂停期状态。 --passwordbox:显示一个输入框,它隐藏文本。 --passwordfrom:显示一个来源于标签并且隐藏文本字段。...--radiolist:提供一个菜单项目组,只有一个项目,可以选择(单选框)。 --tailbox:在一个滚动窗口文件中使用tail命令来显示文本。...--yesno:提供一个带有yes和no按钮简单信息框(/框)。

80900

Form 表单 问题多多(

不得不说,表单这个东西在前端开发时候,问题相当之多,从嵌套规则、书写习惯,到浏览器兼容问题,有很多需要注意地方。...表单能够包含 input元素,比如文本字段、复选框、单选框、提交按钮等等。表单作用在于能够向服务器端传送所需要数据。由于涉及数据提交,form标签自然必不可少啦。...首先,编写WML页面的时候要考虑到设备屏幕很小。如果试图想把一个form在一个屏幕里面显示,就要指定那些标签保持在一个屏幕中。那么fieldset标签将这些标签捆绑在一个屏幕。...在我们做测试时候可以使用星号*代替 method规定如何发送表单数据。有get和post两种发送方式。...为更有利于SEO,可以再书写上name属性 关于提交方法get和post区别,很明显区别在于,url地址当中?后面的内容,也就是一个保密,一个是非保密传送数据。

1.6K100

IT课程 HTML基础 013_表单和用户输入

表单 HTML 表单(Form) HTML 中非常重要一部分,它能让用户在网页输入信息,并将信息提交到服务器。...-- 表单元素在这里 --> 元素定义了用户输入数据区域,并且可以包含不同类型输入元素,如文本域、下拉列表、单选框、复选框...表单属性: action:定义表单数据提交到服务器处理文件 URL。 method:定义数据发送到服务器所使用HTTP方法,常用值有 “get” 和 “post”。...单选按钮(Radio Buttons) 单选按钮和复选框可以让用户在多个选项中选择一个或多个。单选按钮type属性值为 “radio”。...可以使用 size 属性来指定下拉列表中可见选项数量。 提交按钮(Submit、Reset、Button) 表单通常需要一个按钮来提交或确认用户输入。

7710
领券