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

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

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

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

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

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

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

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

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

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

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

时间: 2024-10-12 15:11:41

讨论研究普通的网页登录按钮的状态的相关文章

iOS开发中如何保存按钮的状态

在iOS开发中我们经常会需要保存某个按钮的状态,比如很多设置选项中的UISwitch按钮的开关,比如一些按钮的选中与否等等,今天项目中有一个需求是要保存自动登录按钮的选中状态,想要实现这个功能,可以用归档来完成. 首先需求图: 我需要记录自动登录按钮的状态,若用户选择了下次自动登录,那么程序退出再次启动这个按钮仍然是选中状态. 首先,我们需要监听按钮的点击事件,因为在点击事件里面我们能够拿到按钮的状态. 通过下面代码,存储选中状态. - (IBAction)autologinClick:(UIB

盒子 收藏帖子 转移-实现向网页自动填写用户名密码并自动点击登录按钮 完成全自动凳录

//实现向网页自动填写用户名密码并自动点击登录按钮 完成全自动凳录 Function FillForm(WebBrowser: TWebBrowser2; FieldName: String; Value: String): Boolean; Var i, j: Integer; FormItem: Variant; Begin Result := False; //no form on document If WebBrowser.OleObject.Document.all.tags('FO

python模拟腾讯网页登录

近日,研究Tencent网页模拟登录的过程,过程有些忐忑.先将结果写于此,供大家参考: 其加密过程在c_login_old.js文件中执行,将JS关键代码提取出来如下: function hexchar2bin(str) { var arr = []; for (var i = 0; i < str.length; i = i + 2) { arr.push("\\x" + str.substr(i, 2)) } arr = arr.join(""); eva

VC显示网页验证码、模拟CSDN网页登录

摘要:by:koma 这两天,本来想花点时间研究一下QQ空间.农场外挂,于是抓包分析一了下,只可惜,在QQ网页登录时进行了加密处理,可惜我对网页编程一窍不通.有些朋友曾讲过那些是通过JS代码进行加密,可惜我JS也是一片空白,真是出师未杰身先死,惭愧惭愧...... 于...by:koma 这两天,本来想花点时间研究一下QQ空间.农场外挂,于是抓包分析一了下,只可惜,在QQ网页登录时进行了加密处理,可惜我对网页编程一窍不通.有些朋友曾讲过那些是通过JS代码进行加密,可惜我JS也是一片空白,真是“出

如何测试网页登录

测试网页登录分为功能测试.界面测试.性能测试.安全性测试.兼容性测试等五个大方面. 确认登陆的入口是网页直接登陆还是弹窗输入登陆. 功能测试: 1.登陆成功 正确用户名与密码登录进入页面 页面正确跳转入网站页面 2.登陆失败 不输入用户名与密码,直接点击登陆,相关信息提示 正确的用户名与错误的密码登录,提示密码错误 错误的用户名与错误密码登录,提示用户名不存在 3. 输入规则验证 用户名与密码输入超长或过短 用户名和密码中含空格符或其他特殊字符登陆 4.密码显示 密码密文显示 输入密码时键盘大小

如何测试网页登录页面

如何测试网页登录页面 这个面试题碰到过很多次, 再次总结下来. 具体需求: 有一个登陆页面, 上面有2个textbox, 一个提交按钮.  请针对这个页面设计30个以上的test case. 此题的考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力 这个题目还是相当有难度的, 一般的人很难把这个题目回答好. 功能测试(Function test) 输入正确的用户名和密码,点击提交按钮,验证是否能正确登录. 输入错误的用户名或

Python学习---模拟微信网页登录180410

WEB微信 网页登录的猜想: a. 访问页面出现二维码 b. 长轮询监听是否已经扫码并且点击确认 c. 如何进行会话保持 d. 如何获取用户列表 e. 如何发送消息(接收消息) 过程:访问微信官网[https://wx.qq.com/]  --> 打开微信[已登录]扫一扫  -->  扫描网页图片 App内获取数据都是通过RUL进行获取的 长轮询: 发送一次请求后,就一直在等待消息的返回,如果超过规定时间后,就结束该请求,发送下次的请求. 轮 询: 定时的不停的交替的发送请求到服务器,不等待消

ASP连接数据库登录按钮

(1)在配置文件中加上以下代码: <connectionStrings> <add name="accessconn" connectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\film.mdb;"/> <add name="sqlconn" connectionString="Data Source=loc

基于CSS3 登录表单 个性化登录按钮

这是一款基于jQuery和CSS3的登录表单,登录表单的界面整体呈现扁平化风格,非常简洁和清新.当焦点在表单的输入字段上时,表单提示文字会出现一个小动画,同时这款CSS3登录表单的最大特点是其个性化的登录按钮,鼠标滑过也有不错的效果. 在线预览   源码下载 实现的代码. html代码: <div class="panel-lite"> <div class="thumbur"> <div class="icon-lock&q