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

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

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

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

                 

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

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/gxbk629/p/4067593.html