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

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

选择组件 前面已经讲述了如何获取用户输入的文本。但是在很多情况下,可能更加愿意给用户几种选择而不是让用户在文本组件中输入数据。给一组按钮或者一列选项让用户做出选择。(这样也免去了检查错误的麻烦。)...用户通过点击某个复选框来选择相应的选项,再点击则取消选择。当复选框获得焦点时,用户也可以通过按空格键来切换选择。...这里允许用户在多个选择中选择字体的大小—小、中、大和超大—但是,每次只能选择一个选项。 在Swing中实现单选按钮组非常简单。为单选按钮组构造一个ButtonGroup类型的对象。...在例子中,定义了一个动作监听器用来把字体大小设置为新值: 对比这个监听器和复选框中的监听器。每个单选按钮都对应一个不同的监听器对象。每个监听器对象都非常明确它需要做什么—把字体尺寸设置为一个特定值。...可以通过点击Ok按钮来查看微调控制器的值。

7.2K10

ASP.NET MVC5高级编程——(4)表单和HTML辅助方法

for特性值 6.Html.DropDownList和Html.ListBox —— 单选和多选 DropDownList允许进行单项选择,而ListBox支持多项选择(在要渲染的标记中,把multiple...下面的代码展示如何使用它来显示UserPassword属性: @Html.PasswordFor(m => m.UserPassword) 10.Html.RadioButton —— 单选按钮 1 @...Html.RadioButton("color","red") 单选按钮一般都组合一起使用,为用户的单项选择提供一组可选项。...强类型方法不使用名称和值,而是用表达式来标识那些包含有要渲染属性的对象,当用户选择单选按钮时,后面会跟要提交的值: @Html.RadioButtonFor(m => m.GenreId, "1") Rock...(在ViewBag对象中的所有值也可以通过ViewData得到)。

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

    单选按钮的用户体验设计

    现代软件中的单选按钮正是仿照的这些物理按钮。 二、单选按钮的最佳实践 1、使用单选按钮仅用来设置 使用单选按钮来更改设置,而不是作为操作按钮来执行命令。...如果单选按钮只被用来影响一个命令的执行,那最好还是用显示命令的变化来取代。这样做允许用户选择单个交互的正确命令。...4、通常给一个默认选项 UI设计的十原则之一告诉我们用户应该能够取消或重做他们的行为。这意味着通过UI控制应该能够让用户会到初始状态。在单选按钮的情况下,这意味着单选按钮应该预先选择一个选项。...7、使用单选按钮而不是下拉列表 如果可能,就使用单选按钮而不是下拉列表。单选按钮认知成本低因为它把所有选项可见从而让用户很容易比较选择。 如果你的选择项少于7个,你应该考虑使用单选按钮。...在例子中,选项是对立的因此使用单选按钮是更好的方案。 设置向导。你应该在向导页面上使用单选按钮使选项明确,即使一个复选框也是可以接受的。一个有默认值的单选设计恩狗给用户一个很好的建议。

    6.2K100

    Google Earth Engine (GEE) ——Earth Engine Explorer (EE Explorer)使用最全解析(8000字长文)

    要返回更远的时间,或选择特定日期范围,请单击时间滑块下方的跳转到日期链接,然后使用日历界面选择日期。尝试选择不同的季节以查看地图的更显着变化。 选择要使用的日期范围后,单击“保存”按钮保存图层设置。...尝试添加新图层并通过对图层重新排序并使用可见性图标交替可见性来更改图层可见性。 删除图层 单击数据列表中的数据层名称以显示层设置对话框。 单击垃圾箱按钮,该图层将从您的数据列表和地图中删除。...请注意,此数据集默认显示为三波段 RGB,表示它是多波段栅格。但是,您可以通过激活 1 波段(灰度)单选开关来选择将单个波段视为灰度。 激活 1 波段(灰度)单选开关。...请注意,您可以通过单击应用按钮来预览更改,这将更改地图以反映您的更改,同时保持图层设置对话框打开并准备好进行调整。...使用 [+] 按钮或编辑器图标(铅笔)选择或输入黑色和绿色来表示所选波段(000000、32cd32)的最小和最大数据值。

    49210

    【JavaWeb】77:仔细看一哈这张图片

    method也就是表单提交的方式 get:数据会出现在地址栏上面,是可见的,不安全。 post:提交的参数不会显示在地址栏上,是不可见的,相对而言更加安全。...「⑤生日:type="date"」 也就是日期,日期在表单中是一个时间框,用户选择对应时间点击就好了。 「⑥上传头像:type="file"」 直接选择本地文件就可以上传了。...「②单选框功能完善」 如果name设定是一样的,那么就只能选择一个,不然就算都是单选框,但是name不一样,还是可以多选。 value表示其对应的值,比如用0表示是男,1表示是女。...checked="checked",这个可以用来指定单选框的默认值。 其中我通过测试发现:「如果单选框中都有这个默认属性,那么默认值是最后面的那个单选框。」...button:可以定义一个可点击的按钮。 color:可以设定颜色(RGB)。 week:用第几周来表示时间。 month:用第几月来表示时间。

    1.3K20

    JavaWeb01轻松掌握HTML(Java真正的全栈开发)

    value:定义标签值(默认值) size:定义输入字段的长度(密码框的宽度) maxlength:定义可输入最大的字符个数 radio:定义单选按钮(单选框或者单选按钮...) 属性: name:定义标签名称(规定单选框的名称,通过name进行数据传递,分组) 注意:对于单选按钮,如果要想做到单一选择多个radio的name值必一样 value:定义标签值(实际上提交的数据...-- input 标签 type=”radio“ 时 为单选框或者单选按钮 name:规定单选框的名称,通过name进行数据传递,分组。 value:实际上提交的数据。 checked: 默认选择。...-- input 标签 type=”radio“ 时 为单选框或者单选按钮 name:规定单选框的名称,通过name进行数据传递,分组。 value:实际上提交的数据。 checked: 默认选择。...其它常用属性: name:定义标签名称.注意,对于单选按钮,如果要想做到单一选择,多个radio的name值必一样. value:定义标签值 checked:定义该标签默认被选中. checked=”checked

    5.2K50

    input标签的type属性汇总

    3.单选按钮 单选按钮用于单项选择,如选择性别、是否操作等。...需要注意的是,在定义单选按钮时,必须为同一组中的选项指定相同的name值,这样“单选”才会生效。此外,可以对单选按钮应用 checked属性,指定默认选中项。...10.文件域 当定义文件域时,页面中将出现一个“选择文件”按钮和提示信息文本,用户可以通过单击按钮然后直接选择文件的方式,将文件提交给后台服务器。...它的常用属性与 number类型一样,通过min属性和max属性,可以设置最小值与最大值,通过step属性指定每次滑动的步幅。...如果想改变mnge的vale值,可以通过直接拖动滑动块或者单击滑动条来改变。

    3.8K10

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

    如果返回负值,则未找到所搜索的文本字符串。还可以使用此方法搜索特定格式的文本。的 参数RichTextBoxFinds指定如何在控件中执行文本搜索,其取值及其含义如表9-4 所示。...可以通过单击向上和向下按钮、按向上和向下箭头键来增大和减小数字,也可以直接输入数字。单击向上箭头键时,值向最大值方向增加;单击向下箭头键时,值向最小值方向减少。该控件在工具箱中的图标为 。...8、RadioButton控件 RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个,如图9-14所示。...(4)Text属性:用来设置或返回单选按钮控件内显示的文本,该属性也可以包含访问键,即前面带有“&” 符号的字母,这样用户就可以通过同时按Alt键和访问键来选中控件。...(5)RadioCheck 属性:用来获取或设置一个值,通过该值指示选中的菜单项的左边是显示单选按钮还是选中标记。值为true时将显示单选按钮标记,值为false时显示选中标记。

    9.9K20

    HTML、CSS、JavaScript学习总结

    , • 伪类与选择符间用冒号相连,在CSS中,伪类对文本或图像处于链接状态的修饰,故选择符大部分下是a标记,本章主要对a标记做实例讲解,其中伪类有四种常用形式是本章要讲解的,内容如下: • “:link...– availWidth:返回显示屏幕的宽度 (除 Windows 任务栏之外)。...mybox 使用数组和for循环大大简化代码 单选按钮对象 • 当用户只需要从选项列表中选择一个选项时,可以使用单选按钮对象 • 要创建单选按钮对象,请使用 标签 单选按钮 – 事件和属性...单选按钮 事件 onBlur 单选按钮失去焦点 onFocus 单选按钮获得焦点 onClick 单选按钮被选定或取消选定 属性 checked 单选按钮是否被选中,选中为true,未选中为false...您可以使用此属性查看单选按钮的状态或设置单选按钮是否被选中 value 设置或获取单选按钮的值 下拉列表框 –请选择开户帐号的城市

    3.2K20

    html一个案例学会所有常用HTML(H5)标签

    -- 2、type属性对应的属性值 --> 单选radio --> 标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。...网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。...浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。...使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即我们所见到的网页。

    2K20

    【IFE】Day 2 – 百度前端技术学院 基础学院 学习笔记(二)

    这是 在百度前端技术学院学习的第二天 共六十六天 课程目标 通过简单的实践,更加清楚地了解HTML是什么,HTML5是什么。...,HTML5是什么 A : HTML是超文本标记语言 HyperText Mark-up Language,HTML5是超文本标记语言(HTML)的第五次重大修改,在2014年推出,拥有更丰富的语义、...4. radio/checkbox:使用单选框、复选框,让用户选择,input type=”radio/checkbox” value=”值” name=”名称” checked=”checked”/>...、PHP 使用,checked:当设置 checked=”checked” 时,该选项被默认选中,同一组的单选按钮,name 取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。...5. submit:使用提交按钮,提交数据,input type=”submit” value=”提交”> type:只有当type值设置为submit时,按钮才有提交作用,value:按钮上显示的文字

    4.4K40

    Java学习笔记-全栈-web开发-01-HTML基础总览

    块级元素在浏览器显示时,通常会以新行来开始。例如 div p等 内联元素在浏览器显示时,通常不会以新行来开始。Span 2.3 排版标签 2.3.1 注释 在html中注释是比较少用】 start:这个属性规定列表的起始值 2.6 图形标签 2.6.1 img标签 是一个图片标签,用于在页面上引入图片....根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。...其它常用属性: name:定义标签名称.注意,对于单选按钮,如果要想做到单一选择,多个radion的name值必一样。 value:定义标签值 checked:定义该标签默认被选中。...button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本) 其它常用属性: name:定义标签名称 value:按钮显示名称 hidden

    2.6K20

    Web-第二天 HTML表单&CSS【悟空教程】

    radio:单选框,表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的 。 submit:提交按钮。提交按钮会把表单数据发送到服务器。...submit和reset为按钮显示数据 size:大小 checked属性:单选框或复选框被选中。...行内样式通过标签的属性来控制样式,这样并没有做到结构与表现(HTML展示结构、CSS显示效果)相分离,所以一般很少使用。学习阶段有时候为了快速编程,偶有使用。...在CSS中,执行这一任务的样式规则部分被称为选择器,本小节将对CSS基础选择器进行详细地讲解,具体如下: 1.2.4.1 元素选择器 标记选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的...属性选择器,在标签后面使用中括号标记,其基本语法格式如下: 标签名[标签属性=’标签属性值’]{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 该选择器,是对“元素选择器”的扩展,对一组标签进一步过滤

    4.3K40

    三种方式制作数据地图

    方式一:通过Excel制作数据地图 本文大篇幅在介绍这种方式的具体操作方法,共分为四个步骤。概括来说其主要通过自定义矢量地图和VBA编程来为矢量地图填充颜色及设置透明度的方式实现。...另有下拉列表可选择单击各省份时,是显示该省份标签,还是下钻到该省份的各城市色温图;下钻到各城市后,依然可以通过点击单选按钮切换该省份各城市的不同指标色温图。...我们可以利用其查看各省市的经济、人口、销量、份额等多个指标色温图,并可按需求及特定格式设置标签。也可增加逆序条形图辅助查看数据。单选按钮切换指标,尽显数据灵动之美。...通过B:D列,查询引用当前指标对应数据(C列),并计算色温图透明度(D列)。 2.2在全国地图中,插入六个单选按钮 单击右键"编辑文字",分别为各单选按钮命名。...标签值设置方法:以上代码通过for循环,分别为各省份对应的地图板块设置标签值公式,将标签值设置为E列。当前省外之外,标签值显示为空。

    9.8K21

    HTML中的表单

    在网页中,最常见的表单形式有文本框,密码文本框,单选按钮,复选框,按钮(普通,提交,重置),文件域或图像域,文本域和列表(菜单)。 表单标记是。...表单是网页上的一个特定的区域,这个区域通过双标记声明,相当于表单容器,在与之间的一切都是表单的内容,包括所有的表单控件,还有其他的伴随数据。...3.单选按钮: value: 设置用户选中该项目后,传送到处理程序中的值。...文件域在上传文件时经常被用到,用于查找硬盘中文件,然后通过表单将选中的文件上传。在邮件的附件,上传头像,发送文件经常使用这个控件。 例如: ? 在浏览器中打开,效果如图: ?...往往答案或者选项比较多时,使用列表(菜单)可以节省网页空间。正常情况只能看到一个选项,单击菜单后可以看到所有的选项。 如下是一个实现血型,生肖,星座的下拉列表: ? 在浏览器中打开,效果如图: ?

    5.3K20

    2022年11月23日——jQuery——T1(基础选择器与表单选择器)

    jQuery的操作按钮,当点击jQuery按钮后会显示图片。 ...$()直接加载js的脚本内容,并且通过jQuery添加了对应下拉菜单的onchange事件,通过这个事件来控制网页的背景颜色。...下列三个是核心的jQuery选择器,我们在处理各种element元素的时候基本都是通过这三个选择器来完成获取信息的,所以这里我们需要记录一下笔记。...表单选择器是除了基础选择器的id、class、element之外用的比较多的选择器,一般在填写注册信息的时候会使用到。...name的属性值,所以我们直接使用name的属性值来定位我们需要处理的表单内容,通过这个放来来最终校验表单的数据格式是否正确。

    5.6K10

    菜单与JApplet组件

    另外,在AbstractAction 构造器中也可以设定图标 ​菜单中的复选框和单选按钮​ 复选框和单选按钮菜单项在文本旁边显示了一个复选框或一个单选按钮。...除了按钮装饰以外,你可以像对待其他菜单项一样对待复选框和单选按钮,单选按钮菜单项同常规单选按钮一样。你必须把它们添加到一个按钮组中。当组中的一个按钮被选择后,所有的其他按钮都自动成为未选择项。...快捷键和加速器​ 对于有经验的用户来说,通过快捷键来选择菜单项要方便的多。...本模块分析了JApplet如何运行,如何被装载到浏览器中,以及它是如何编写的。 ​JApplet的安全性​ 由于通过网络装载,Applet的代码具有一种内在的危险性。...如果有人编写了一个恶意的类来读取你的密码文件,并把它通过Internet传送,会产生怎样的后果呢? 所能够控制的安全程度是在浏览器层次上实现的。

    6610

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

    前言我们在使用音乐播放软件时,我们想选择播放模式时,我们只能在随机播放,单曲循环,列表循环三种方式中选择一个,这就是我们常见的单选的情况,我们在设计我们的GUI时,也有可能遇到单选的情况,tkinter...Radiobutton单选框控件单选框按钮控件(Radiobutton)允许用户选择具体的选项值,不过与 Listbox 相比,单选按钮控件仅允许用户选择单一的选项值,各个选项值之间是互斥的关系,因此只有一个选项可以被用户选择...当按钮被按下时,对应的函数会被执行。这里需要注意的是,单选按钮控件仅能显示单一字体的文本,但文本可以跨越多行,除此之外,您还可以为个别的字符添加下划线。...variable 选项应该都指向同一个变量,通过将该变量与 value 选项值对比,可以判断用户选中了哪个按钮。...('400x180')# IntVar() 用于处理整数类型的变量v = tk.IntVar()# 根据单选按钮的 value 值来选择相应的选项v.set(0)# 使用 variable 参数来关联

    1.3K10
    领券