讨论研究普通的网页登录按钮的状态

摘要:
关注登录按钮。该计划有多少州?是的,你理解正确。此图片是登录按钮的四种状态的体现。这是什么意思?

     就在我刚才看一个技术视频的时候,里面提到了一个包括我在内的被很多程序开发人员忽视的问题。这个问题不管是在软件开发工作了几年的技术丰富的研发人员还是刚刚入行的菜鸟往往忽视掉,那就是在网页的登录功能的登录按钮有几种状态呢?分别表示怎样的功能含义呢?下来我们就来说明一下。

1、现在在每个软件开发项目和产品中都会有用户登录的界面,不管是系统或者网站都会有,如下图所示,我们只是难道开发的需求和任务模块只管用程序写出来,没有考虑到,研究到它其中的一些原理性的知识。

讨论研究普通的网页登录按钮的状态第1张

2、对于上面这个页面图片是我们大家常见的用户进入网站和系统的必经之路-登录界面,它很直接是由账号、密码的输入框和登录、重置(取消)按钮组成的,输入框我们就不研究了,对于重置也是比较的容易理解。重点说一下这个登录按钮,它在程序到底存在几种状态呢?我们可以看看下面这张图片:

                 讨论研究普通的网页登录按钮的状态第2张

当你看到这张图片的时候,也许作为经验丰富的研发人员,你已经知道其中的答案了。对的,你没有理解错,这张图片就是登录按钮的四种状态的体现,那么其中的含义是啥呢?我们给大家分析:

(1)、表示的就是当我们用户每次使用浏览器打开网站时,它展现的登录的初始化状态,没有做任何操作的情况下才有的,表现的是个白色的颜色;

(2)、表示的就是鼠标移动到上面,引入的呈现的那种状态,这个是用户已经开始操作了,其颜色也是变化了;

(3)、表示的就是当鼠标点击,触动onclick()事件的那一瞬间所产生的状态,这个才是操作的真正开始,其颜色也是变化了的;

(4)、表示的是当用户点击之后,由于网速速度慢等其他的原因造成的页面正在跳转中的一种等待中的状态,有时这个状态会给用户造成中错觉,其实页面正在跳转响应中,可是用户会再次点击,有些网站设计的比较人性化,就是我们常见的"登录中..."等提示性语言,这时按钮其实是灰色的,不是和初始化状态一样的。

这个就是我凭自己的理解总结出来的一点儿技术点,整理出来分享给大家,希望通过这个大家可以对登录状态这个问题有个全新的认识和理解。

如需转载请注明此处的地址:http://www.cnblogs.com/gxbk629/p/4067593.html  尊重他人的劳动成果。

免责声明:文章转载自《讨论研究普通的网页登录按钮的状态》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SQLServer查询锁表BUG克星:几款优秀的BUG跟踪管理软件下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

php获取form表单单选按钮和复选框的值

获取单选按钮的值 在<form>表单中,单选按钮 radio 一般是成一组一组出现的,具有相同 name值 和不同的 value 值,在一组单选按钮中,同一时间只可能有一个被选中。 来举一个单选按钮 radio的例子,在这个代码实例中有两个 name = "sexy" 的单选按钮,选中其中一个并单击"提交"按钮,将会返回被选中的单选按钮的 va...

如何创建Node.js Web服务器

Web服务器主流的有Apache, Nginx 和 IIS. 这些我们都不用, 我们用Jave创建一个服务器. 1. 首先安装Java库和NodeJS库, 这些都是开源的库,可以在网上直接下载, 安装, 设置好环境变量就可以了. 2. 写一个Web服务的脚本文件: server.js 1 var http = require('http'); 2 va...

5.1 jQuery基础

1. jquery.com 下载     api.jQuery.com 查看api  important!!! 2. 绑定事件     http://api.jquery.com/category/events/   bind():attach a handler to an event, As of jQuery 1.7, the .on() metho...

C#(winform)为button添加背景图片

转自:https://www.cnblogs.com/zhangchenliang/p/4335372.html 1.既然是添加背景图片 所以这里应该使用 Button.BackgroudImage = "" ;来设置图片 而不应该使用 Button.Image = ""; 因为使用BackgroudImage来设置背景图片,我们还可以使用 Backgro...

jq+layui之table表每行的编辑按钮只能点击触发一次的问题的解决

【问题1描述】   在写好表之后,测试时会发现,当你点击第一行的“修改”,突然不想修改了,关闭了“修改”的弹窗,但是这时候你想到刚才第一行的修改还有地方要修改,你重新点击“修改”按钮,这时候它似乎故意跟你过不去似的,修改的弹窗不出现了。   干着急没用啊,我们要解决问题。 【问题出现的原因】   为什么会出现这个问题呢?我们来共同探索一下。   在“修改...

第二百零七节,jQuery EasyUI,MenuButton(菜单按钮)组件

jQuery EasyUI,MenuButton(菜单按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 MenuButton(菜单按钮)组件的使用方法,这个组件依赖于 Menu(菜单)组件和 LinkButton(按钮)组件。 一.加载方式 class 加载方式 <a href="javascr...