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

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

常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥的选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...二、复选框 允许用户从非互斥的选项中,选择任意数量的选项(零个、一个或多个) 单个使用时,复选框提供了两个互斥(二元)的操作选项。 外观 常规: ? ? 全选操作(未全选状态): ?...复选框和单选按钮之间的主要差别是: 单选按钮给人更加直接的示意,例如开启关闭,而复选只表达一面信息,因此它的反面信息并不是非常直观,甚至对于某些用户而言,并不清楚勾选和不勾选所表达的含义。...习惯用法是遵循互联网产品中的一些默认处理方式,例如,注册中的同意条款就是使用复选框。...三、Icon button 图标按钮 图标按钮可以说是结合了单选按钮、复选框及命令控件的变形形式,性质上存在互斥(单选)和非互斥(多选)。

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

    PHP-web框架Laravel-表单和验证

    在Web应用程序中,表单是一种常见的用户交互方式。PHP-web框架Laravel提供了丰富的表单和验证功能,使得开发者可以轻松地创建、处理和验证表单数据。...一、表单创建在Laravel中,可以使用Laravel Collective表单包来创建表单。该表单包提供了一组实用函数,可以用来创建各种表单元素,如文本框、下拉列表、单选框等。...如果表单验证失败,Laravel会自动将错误信息保存到Session中,并将用户重定向表单页面。如果验证成功,则可以使用$request对象来访问已验证的表单数据。...四、错误处理在Laravel中,可以使用$errors变量来获取表单验证错误信息。如果表单验证失败,Laravel会自动将错误信息保存到$errors变量中,并将其传递给视图。...如果$errors变量中包含任何错误信息,则会显示错误信息的列表。

    2.5K30

    Web前端基础题18道

    单选题 (共计 10 题,总计 24分) 1、(单选题)把鼠标移到按钮上时,会产生哪些事件?...4、(单选题)在html规范描述中,哪个是head标签部分里必不可少的元素( ) A....A.round(7.25) B.rnd(7.25) C.Math.rnd(7.25) D.Math.round(7.25) 【正确答案】D 【答案解析】 Math.ceil()向上取整,即它总是将数值向上舍入为最接近的整数...; Math.floor()向下取整,即它总是将数值向下舍入为最接近的整数; Math.round()标准取整,即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则) 9、(单选题...B说法正确; 3.所有元素的根节点都是html元素。C说法错误; 4.offsetparent是相对的意思,Body内的元素,不论怎么嵌套,offsetparent都是一定存在。

    2.5K20

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

    在 Menu or Menu bar 中介绍了菜单元素所需的附加角色,状态和属性。 单选按钮组 单选按钮组,是一个可选中按钮的组合,被称为单选按钮,且在该组合中,只有一个按钮处于选中状态。...在某些浏览器中,如果没有选中任何一个单选按钮,使用 Shift+ Tab 将焦点移动到单选按钮组,焦点将会被放置在最后一个单选按钮,而不是第一个单选按钮。...(省略号)添加到按钮上,例如“另存为...” 除了常规按钮组件外,WAI-ARIA还支持其他2种按钮类型: 切换按钮:可以关闭(未按下)或打开(按下)的双状态按钮。...例如,在一个设置闹钟的部件中,一个数值调节按钮允许用户在0-59间选择分钟。 数值调节按钮通常有三个组件,包含一个显示当前值的文本框,一个增加按钮,一个减小按钮。...Home: 如果数值调节按钮具有最小值,则设置数值调节按钮的值为最小值。 End: 如果数值调节按钮具有最大值,则设置数值调节按钮的值为最大值。

    8.3K30

    java每日一练(2017916)

    )2、对于子类的构造函数说明,下列叙述中错误的是()。...A 修饰常量 B 修饰不可继承的类 C 修饰不可变类 D 修饰不可覆盖的方法 正确答案是:C 解析: 在Java中,final可以修饰 1.Class:定义一个不能被继承(non-inherited)的类...选项A错误,创建的是一个初始显示为“关闭”的文本框: 选项B正确,创建的是一个标识有“关闭”的标签; 选项C错误,Checkbox为复选框类,只能设定是否含标签; 选项D错误,创建的是一个标记为“关闭”...的按钮。...---- 上一期的错题 (单选题)1、下列关于构造方法不正确的是:( ) A 类的构造方法和类同名 B 一个类可以有多个构造方法 C 在实例化对象时必须调用类的构造方法 D 构造方法可以和该类其他方法一样被该类对象调用

    98280

    串口助手(简洁版)上位机软件零基础教程( C# + visual studio2017 )(二)

    radioButton1为单选按钮属性(name)名字 radioButton3.Checked = true; //函数中选择接收模式 为“数值”接收模式。...3.打开串口后,串口开关按键的颜色和文字就已经在程序中被修改了,而且还让两个组合框发灰,变成不可操作状态 4.发送按钮按下事件(程序) 当按下串口发送按键后,就需要将发送文本框中的数据通过串口发出。...并且要通过判断单选按钮的按下状态来判断该以什么样的数据形式发送。...3.串口发送函数分为按数值方式,和按字符方式。需要根据单选按钮控件的按下状态来决定。...radioButton1为单选按钮属性(name)名字 radioButton3.Checked = true; //函数中选择接收模式 为“数值”接收模式。

    3.7K10

    ​重学Javascript之数据类型

    十六进制是以数字0和x开头的数字,后面的数字可以0-9, a-f的任意组合 特殊的数值——infinity  -infinity 以及NaN infinity表示能表示的最大数值 -infinity表示...js能表示的最小数值 NaN: 代表一个计算错误。...他是一个不正确的或者是一个未定义的数学操作所得到的结果。 对于NaN,可以通过isNaN来判断是否”不是数值“。接受一个参数。...() , 将参数转换为数字,常规数字 -> true  否则 ->  false 还有一个常用的比较方法: Object.is().他基本与 ===相同,只有两点不同: Object.is(NaN, NaN...[image.png] 数字的摄入操作 Math.floor()  向下取整 Math.ceil()  向上取整 Math.round()   就进取整 Math.trunc()   移除小数点后的所有内容

    1.2K00

    架设邮件服务器-windows 2003 POP3服务,SMTP服务收发邮件「建议收藏」

    2.配置SMTP服务 在一个邮件系统中,SMTP服务的配置是非常重要的。如果SMTP服务配置不正确,将不能收发邮件;如果SMTP服务配置不当,将会成为“垃圾邮件”的中转站。...以下的可以不设置… 下面将介绍SMTP服务器的每一项设置。 6.2.1 常规设置 在“常规”选项卡中,可以对IP地址及端口号、限制连接数、连接超时时间和启动日志记录进设置。...图6-9 设置IP地址或端口号 如果你不想使用默认的端口,可以从图6-9中修改。修改之后,单击“确定”按钮返回,再次单击“确定”按钮返回“常规”选项卡。...此数值应该大于或等于“限制邮件大小为(KB)”中设置的数值,如果不需要加限制,请清除此复选框。 (3)限制每个连接的邮件数,选中此复选框后,可以限制在一次连接中发送的邮件数。默认值为20。...,选中“为此邮箱创建相关联的用户”单选按钮,在“密码”与“确认密码”密码框中为新建用户ln1设置的密码,如图6-41所示,然后单击“确定”按钮。

    6.1K21

    最佳设计规范20例

    Alt:栅格系统大小和间距的定义 8.阴影 阴影风格及参数也是设计规范中的一部分。在整理设计规范的时候,需要注意的是阴影的参数值是网页中控制阴影的参数值,而不是设计软件中的参数值。...举个例子,网页中阴影对应的参数值为:box-shadow: type:Outset   offset X:0px   offset Y:4px   Blur:8px  Spread:0px    color...如果是图标按钮的话,除了上述参数值以外还需要标注icon和按钮文本之间的间距和icon图标的大小。 ?...Alt:按钮设计规范 下拉框 下拉框是为用户提供多个选择的单选组件,优点是用最简单的界面布局方式收纳了很多的选项,需要注意定义下拉选择框弹出的时候,鼠标移动上去的Normal、Hover、Active状态...Alt:进度条的操作流程状态 分页器 分页器是用于切换内容页面的复合组件,常规的分页器有上下页操作按钮、分页页码按钮、输入页码手动查找的搜索框,以及分页器的4个状态:1.Normal 2.Hover

    2.1K31

    使用 Python+Selenium制作Flash游戏辅助

    在搜索的过程中,找到了更好的方法,使用OpenCV的函数可以识别圆。...换言之,selenium的位置尺寸单位都是px,更方便接下来的计算 因为开始按钮的位置是固定的,直接在location基础上算出来坐标点击即可 截图 selenium没有 功能,只能截展示出来的窗口,...不过有了游戏窗口的左上顶点坐标和游戏窗口的长宽,可以使用PIL从整张图片中截取出游戏窗口 因为设置显示器大小为1366x768,这个网站在游戏加载后会有一个向下滚动使得游戏窗口位于屏幕中间的操作,因为游戏窗口相对于浏览器窗口向上移动了...,所以截图出来的位置就会包含游戏窗口的下半部分和一百多像素的无关区域, 根据截图位置进行调整的数值。...我没在更大的屏幕上测试,也许不具有通用性。 获取圆坐标 下面这篇文章很棒,详细讲解了使用OpenCV识别图像中圆的坐标。

    4.1K70

    VBA表单控件(三)

    大家好,上节演示了数值调节钮和滚动条的小示例,本节开始介绍单选框、分组框和复选框控件的内容。 一、单 选 框 单选框在网页中一般都有遇到,下面介绍如何在工作表中添加单选框,以及如何使用。...这就需要借助分组框,将不同组的单元框分隔开。 下面在工作表中插入四个单选框,设置控件格式,将单元格链接设置为A4单元格。四个单选框为一组,选择不同的单选框,A4单元格显示的值不同。...此时重新设置选项按钮3的设置控件格式,设置单元格链接为A6单元格,点击选型按钮3和4时可以发现数值又从1开始起变化。 两个分组框中的单选项相互不影响,即通过分组框将不同组的单选框分隔开来。...同时每组的返回数值都是从1开始的。 有了可以变化的数值,就可以利用变化的数值,结合函数等去设计工作表。...---- 今天下雨 本节主要介绍表单控件中的单选框、分组框和复选框,后续会简单演示些示例,祝大家学习快乐。

    4.6K20

    修改一下 电脑像飞一样!!

    打开IE浏览器,从"工具"菜单中选择"Internet选项",在弹出的对话框中选择"常规"选项卡,在"Internet临时文件"栏中单击"删除文件"按钮,并在弹出"删除文件"对话框,选中"删除所有脱机内容...键值名称,将其"数值数据"改为0,最后按F5刷新使设置生效,这样就取消它的运行了。...在"系统属性"对话框中选择"高级"选项卡,单击"错误报告"按钮,在弹出的"错误汇报"对话框中,选择"禁用错误汇报"单选项,最后单击"确定"即可。...另外我们也可以从组策略中关闭错误报告:从"运行"中键入"gpedit.msc",运行"组策略编辑器",展开"计算机配置→管理模板→系统→错误报告功能",双击右边设置栏中的"报告错误",在弹出的"属性"对话框中选择..."已禁用"单选框即可将"报告错误"禁用。

    1.1K30

    Laravel使用gregwarcaptcha生成验证码

    laravel框架自身并不携带验证码类,我这里采用开源的gregwar/captcha,来做验证码,并判断是否可以登录。...安装扩展库 1、在 laravel 项目根目录下找到 composer.json 这个文件,添加 "gregwar/captcha": "1.*"  到composer.json这个文件中,如下面代码所示...input("name"); $pass = $request->input("pass"); $code = $request->input("code"); //获取验证码的数值...当把它放到的src属性中,标签会自动以图片的格式输出它,也就是说header('Content-type','image/jpeg') 这时候这句话是没必要的,所以不管是 response($builder...感谢文章 止喜 《laravel5.4生成验证码》 最后感谢止喜的文章,让我解决了这个问题,同时,为了自己以后不进这个坑,写一篇这样的技术文章,其中借鉴了一点经验,谢谢。

    2.3K20

    Android基础面试题

    第一部分(Part1)Android基础测试 共22题(全部单选,每题2分,总分44分 ) 1、关于在Activity生命周期中的各个方法在不同状态下的调用顺序的说法,错误的是( d) A 一个Activity...添加快捷菜单所显示的标题、图标和菜单子项等内容。 B. 处理菜单选择事件。 C. 将快捷菜单注册到界面控件上。 D. 动态地添加、删除菜单子项。 17、关于菜单的说法错误的是(d ) A....核心组件测试 共18题(全部单选,每题2分,总分36分 ) 23、以下Activity生命周期中的各个方法在不同状态下的调用顺序,错误的是(d ) A、一个Activity从被创建到进入运行态,需要依次调用...30、以下关于线程异步问题的说法不正确的是(d ) A、线程在应用程序开发过程中负责分担进程的耗时计算工作。...使用异步广播的好处之一是可以大大简化应用层的编程难度。 39、以下关于Android中的广播机制的说法不正确的是(c ) A.

    1.3K20

    B端产品设计规范

    在设计规范的指导下,开发部门在搭建全局共用控件时,产品设计规则就会更加清晰明了,如:产品设计中的按钮、间距、字体大小、颜色、列表等元素的设计明确。...-绿色表示已完成、成功状态; -红色表示警告或错误状态; -蓝色表示当前进行中或其他默认状态; -灰色表示未完成或失效状态; 标准字的选择,如下图所示。...据统计,使用中系统的用户的主流分辨率主要为 1920、1440 和 1366。 我们一般基于1440设计。 比如:zan design的布局是使用统一的元素和间距来保持各个平台的体验的一致性。...按钮 按钮是交互设计中必备的元素,它在用户和系统的交互中承担着非常重要的作用。 后台中常见的按钮类型分为线性按钮、文字按钮、图标按钮等。如下图所示。 表单 常见表单是由多个列表项构成的。...而每一个列表项都是由最基本的标签和输入框组成,常规的表单包括单选、多选、下拉选、输入框、时间选择、开关选择等控件。 左对齐是比较常见的对齐设计,比较符合pc端常规显示的场景。如下图所示。

    4.4K46

    数据库常见错误码

    那我把id的数据改成字符串类型的,输入sql语句运行 [25feae6f977dfc192c3f95a76a30c6f0.png] 返回了一个错误码1366,错误信息是id的整数值不正确,说简单就是数据类型不匹配或者字符编码不匹配...这里int类型的数据结构,输入的是varchar类型,所以会数据类型不匹配 有时候,定义的varchar类型,但是输入中文字符的时候也会说1366的错误,这是因为字符编码不匹配,很有可能是没有设置为utf...UTF-8 alter table 表名 convert to character set utf8 总结:1366是字符编码或者数据类型不匹配 7.1049 要对数据库进行操作的时候,如果数据库名写错了...我数据库test中没有user这个表,那我要执行查询user的表,会发生什么呢?...,不同的数据库是可以有同名的表的,所以可能其他数据库有user表,但是数据库test没有,你在数据库test中对这个user表进行操作的时候就会出现这样的错误 解决方法: 1.检查数据库名有没有写错,如果写错了就改成正确的名字

    1.2K11

    让 VS 编译 MonoTouch 项目源文件不再出错

    不过, 默认的 VS 项目在添加 MonoTouch 项目的 CS 源文件之后, 经常编译出错, 而且如果安装了 Resharper 之类的插件之话, 也会得到一大堆错误信息, 令人感觉非常恶心。...2、设置项目编译属性 编辑项目属性, 选择 build 选项卡, Configuration 选择 All Configurations , 点击右下角的 advanced 按钮, 在弹出的 Advanced...Build Setting 对话框中勾选 Do not reference mscorlib.dll , 如下图所示: ?...如果再要引用其它的 MonoTouch 组件, 可以尝试直接添加引用, 如果发现引用路径不正确的话, 还按照这个方法进行修改。...这样修改过后的项目, 不仅可以顺利编译 MonoTouch 项目的源文件, Resharper 也不再提示错误。

    85430
    领券