职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 614|回复: 1

GBin1推荐教程:JQuery插件开发之如何实时显示被隐藏的输入框密码

[复制链接]
能文能武 发表于 2011-9-5 14:29 | 显示全部楼层 |阅读模式
发布时间:2011/08/15     编译:Terry li - GBin1.com       原文:1stwebdesigner.com
我们前面曾经介绍过如何提高用户界面表单性能,同时我们也介绍过如何避免使用密码框来避免隐藏输入的密码,也讨论过隐藏密码显示对于用户体验将有多么糟糕。
基本上对于密码输入处理我们有如下俩个可选方式:
继续使用密码框控件,不考虑用户的操作体验
使用一般的输入框,不考虑用户密码的安全性
这就是为什么我们这里需要开发一个鼠标悬浮可显示密码的控件作为第三选择的原因,既可以提高安全,同时也可以大大满足用户体验
今天将讲解如何使用jQuery插件来完成上述功能,同时让大家了解更多jQuery插件开发,动态内容显示,及其代码开发的最佳实践。
这里我们将仿效一些移动设备的界面设计方式,我们将能看到最后一个输入的字符。废话不说,我们现在开始!



GBin1在线演示

原文来自: GBin1推荐教程:JQuery插件开发之如何实时显示被隐藏的输入框密码

曾经的小孩 发表于 2011-9-5 14:30 | 显示全部楼层
效果不错,很少有看到网上有实现这种效果
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-4-30 16:21 , Processed in 0.134789 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表