`
jjfat
  • 浏览: 289237 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 
阅读更多

发布时间:2011/08/15     编译:Terry li - GBin1.com       原文:1stwebdesigner.com

我们前面曾经介绍过如何提高用户界面表单性能,同时我们也介绍过如何避免使用密码框来避免隐藏输入的密码,也讨论过隐藏密码显示对于用户体验将有多么糟糕。

基本上对于密码输入处理我们有如下俩个可选方式:

  1. 继续使用密码框控件,不考虑用户的操作体验
  2. 使用一般的输入框,不考虑用户密码的安全性

这就是为什么我们这里需要开发一个鼠标悬浮可显示密码的控件作为第三选择的原因,既可以提高安全,同时也可以大大满足用户体验

今天将讲解如何使用jQuery插件来完成上述功能,同时让大家了解更多jQuery插件开发,动态内容显示,及其代码开发的最佳实践。

这里我们将仿效一些移动设备的界面设计方式,我们将能看到最后一个输入的字符。废话不说,我们现在开始!

 

 

GBin1在线演示

 

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

分享到:
评论

相关推荐

    另外一款超棒的响应式布局jQuery插件 – Freetile.js

    Freetile.js是一款优秀的jQuery插件,专为实现灵活、可自定义的响应式布局而设计。这款插件能够帮助开发者轻松地创建网格系统,使内容可以根据浏览器窗口大小自动调整布局。 Freetile.js的核心特性在于其动态适应性...

    推荐11款jQuery开发的复选框和单选框美化插件

    作者:Chris Spooner翻译:Terry li – GBin1.com英文: jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的,因为不同的浏览器及其操作系统对于...

    使用jQuery Mobile移动开发框架将博客网站快速转化为Mobile网站

    【jQuery Mobile 移动开发框架】是一个强大的工具,专门用于构建适应移动设备的Web应用程序。这个框架基于jQuery库,提供了一套预设的UI组件和交互模式,简化了跨平台移动应用的开发工作。在本教程中,我们将探讨...

    VIM实现文件快速跳转插件详解

    VIM 实现文件快速跳转插件详解:FileJumper 在日常的 VIM 编辑工作中,频繁地在不同目录之间切换和打开文件是一项常见的任务。为了提高效率,FileJumper 插件应运而生,它允许用户通过简单的命令快速定位并打开指定...

    日历JS控件

    本案例中的“日历JS控件”是基于jQuery库开发的,它允许用户交互地添加日程,并能按照年、月、日的不同维度展示时间信息。下面将详细介绍这个控件的相关知识点。 首先,jQuery是一个轻量级的JavaScript库,它简化了...

    如何使用jQuery来处理图片坏链具体实现步骤

    gbin1</title> <meta charset=utf-8 /> [removed] </body> </html> 运行这个页面大家会看到一个坏掉的图。 第二部:是一个JavaScript,它的功能是:如果图片坏掉了,就弹出一个出错提示: ...

    使用java的html解析器实现自动重复抓取任意网站页面.pdf

    Document doc = Jsoup.connect("http://www.gbin1.com/portfolio/latest.html").timeout(0).get(); Elements items = doc.select(".includeitem"); ``` - 在循环中,使用`select()`方法选取特定类的元素,然后...

    err-storage-sql:用于SQL数据库的Errbot存储插件

    errbotSQL存储插件 关于 是一个python chatbot,此存储插件允许您将其与SQL数据库一起用作持久存储。 通过使用 ,它支持Firebird,Microsoft SQL Server,MySQL,Oracle,PostgreSQL,SQLite,Sybase,IBM DB2,...

    PLC编程指令0001.pdf

    在工业自动化领域,PLC(Programmable Logic Controller)是核心控制设备之一,用于控制各种机械设备和生产过程。本文将详细介绍PLC编程指令中的主要功能,帮助理解其工作原理和应用。 一、程序流程指令: PLC程序...

    gstreamer之playbin2 aac 音频播放流程

    解码后的音频数据随后会被送入音频转换和音量控制组件,如audioconvert和volume,然后通过音频输出插件(如autoaudiosink)播放到系统的音频设备。 在播放过程中,Playbin2会管理媒体的加载、解码、缓冲、同步和...

    三菱PLC指令

    GBIN:格雷码逆变换指令,执行格雷码逆变换运算。 23. 模拟块读出指令: RD3A:模拟块读出指令,执行模拟块读出运算。 WR3A:模拟块写入指令,执行模拟块写入运算。 24. 接点比较指令: LD:接点比较指令,...

    HTML5 Boilerplate

    HTML5 Boilerplate 是一个... 当然这里还有别的HTML5/CSS框架,你可以针对你具体需要使用 ,例如,wordpress上面的开发,参考这个文章: http://www.gbin1.com/technology/html/2011111010handyhtml5css3frameworks/

    bin2c.exe(Bin2c.exe是一个可将bmp格式图片转换为C代码数组的工具.RAR)

    Bin2c.exe是一款专门用于此目的的工具,它可以将BMP格式的图片文件转换成C语言的二进制数据数组,使得这些图像可以直接在程序中被加载和显示。 1. Bin2c.exe工具介绍 Bin2c.exe 是一个命令行工具,其主要功能是将...

    err-backend-tox:这是errbot的TOX后端

    如果您有不一致之处,请尝试更早地同步和编译这2个依赖项。 安装 git checkout https://github.com/gbin/err-backend-tox.git pip install pytox 并添加: BACKEND = 'TOX' BOT_EXTRA_BACKEND_DIR = '/path_to/...

    VELDT-info:VELDT数据表和文档

    VELDT的主要功能组件是:: FNC 引脚类型银行差分对ICE40UP-5K-SG48 IOB_0a DPIO 2个TRUE_of_IOB_1b 46 IOB_2a DPIO 2个TRUE_of_IOB_3b 47 IOB_3b_G6 DPIO / GBIN 2个COMP_of_IOB_2a 44 IOB_4a DPIO 2个TRUE_of_IOB...

    titanium-d1-kickstart.6.1.1

    titanium-d1-kickstart.6.1.1.gbin 强大的思科模拟器

    PLC编程指令[文].pdf

    开中断(04EI)、关中断(05DI)以及中断返回(06IRET)则用于处理实时响应的需求。监视定时器(07WDT)和循环控制(08FOR/09NEXT)则用于延时和重复执行特定任务。 在传送和比较指令中,例如比较(10CMP)和区间...

    HTML5中的nav标签学习笔记

    <h3>gbin1.com文章列表 <li><a href="#html5">HTML5文章介绍</a></li> <li><a href="#css3">CSS3文章介绍</a></li> <li><a href="#jquery">jQuery文章介绍</a></li> ``` 在这个例子中,`<nav>`包含了文章...

    GContainer:一个基于GObject的库,提供通用的容器接口。-开源

    一个提供GContainerable和GChildable接口的小库,与GtkContainer和GtkWidget关系兼容。 提供了它们的基本实现(GContainer和GChild)和一个自定义实现(GBin),可用作基类和实现示例。

Global site tag (gtag.js) - Google Analytics