2 marsmile tbo marSmile_tbo 于 2014.12.03 23:14 提问

用js或者jquery该如何实现密码的效果

最近碰到一个问题:

我在做登录界面的时候为了好看,就默认显示“请输入用户名”,“请输入密码”;

但是这样就出现一个问题:
如果密码用text的话就可以看到输入的密码,如果用用password的话,就会默认显示的时候就是“*”,而不是“请输入密码”这几个字了;

个人曾想过,就像手机上用过的:
看到输入的当前看到的字母,当内容发生改变的时候,调用方法,判断字符的长度,将密码修改成n(当前字符长度)个“*”;
这时候出现一个问题,这时候该如何记录正确的密码呢?

还有没有其它的更好的办法呢?

3个回答

save4me
save4me   Ds   Rxr 2014.12.03 23:33
已采纳

参考Input Password placeholder Property
设置placeholder,支持主流浏览器,上面的W3School页面上也测试,可以自己点击查看。
对于IE6等老浏览器,只能使用js,比如设置一个label,参考HTML: HTML5 Placeholder attribute in password field issue- shows normal text?
或者Showing Placeholder text for password field in IE
其他的自己搜索一下

o0lcl0o
o0lcl0o   2014.12.04 10:06

必须placeholder

save4me
save4me   Ds   Rxr 2014.12.18 09:57

上面的答案有帮助吗?如果还有问题,请提出来,如果对答案满意,请顶一下,并标记为采纳答案,谢谢!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
用原生js模拟jquery的淡入淡出fade效果
代码测试: html代码: Document #div{ display: none; width: 100px; height: 100px; background-color: red; } test js代码: function fadeIn(el,time){ if(el.style.opacity =
通过jquery.cookie.js实现记住用户名、密码登录功能
无标题文档 function setCookie(){ //设置cookie var loginCode = $("#login_code").val(); //获取用户名信息 var pwd = $("#login_password").val(); //获取登陆密码信息 var checked = $("[nam
学习Js(1)-使用Jquery实现滑动切换效果
代码 实现了以下几点需求: 1.网站首页广告位进行滑动展示; 2.网站首页的广告位不够用,需要按地区进行分类; 3.当某一地区广告位不足时,可以进行循环滑动; 4.全国地区类别中,可以通过滑动浏览到所有的公司,公司按加入时间降序排列。 5.方便在不同地区里新增广告位; 6.方便移植到其它需要滑动的区域中。
利用JQuery记住用户名及密码以实现自动登录
实现此功能需要引用JQuery.js与jquery.cookie.js插件,具体代码如下: <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
js简单实现密码的显示与隐藏
使用js实现单击按钮时显示密码,再次单击时隐藏密码的循环切换功能。 源码: 1.通过getElementById获取到输入框的type和按钮。当按钮添加一个onclick事件,改变输入框的type值为text,使密码显示;再次点击时改变type值为password,使密码隐藏。 2.定义一个变量a并赋值为true,在第一次调用onclick事件后将其赋值为false,并通过 if 语句实
JQuery实现密码有短暂的显示过程和实现...
这几天做项目的时候,客户要求在文本框输入密码的时候,要求密码有短暂的显示过程,如下图: 问题思考   首先解决的是如何在input框里实现类似于android中hint属性,html5中添加placeholder,但是现在不是html5,怎么办?   解决办法   以输入用户名为例:     写一个JS  
jQuery+ajax实现修改密码验证
修改密码是比较简单的功能,要求如下: 1、原密码必须输入正确,才可以修改密码 2、新密码需在6-18位之间 3、第二次输入的新密码必须与第一次相同。 4、前三个条件同时满足的时,修改密码才能成功,否则显示错误提示信息。 5、错误提示信息和验证信息全部使用ajax提交、响应 效果图如下: (1) (2) (3) (4)修改成功之后显示提示信息,2秒后自动消失。
JS简单实现JQuery选择器
简单实现jQuery的$函数
jQuery实现动态购物车效果
function getdelete(obj){ var trNo = $(obj).parent("td").parent("tr").prevAll().length; $("#display tr").eq(trNo).remove(); prices.splice(trNo-1,1); ddprices.splice(trNo-1,1); scor
jquery实现登录加密的几种方法以及cookie存放加密/解密
本篇文章的所有操作都是在jsp页面上进行的,完全与后台分离 part 1:加密方式   这个加密方式网上基本都有很多人总结,我在此也就抛砖引玉一下; S实现密码加密 1、base64加密   在页面中引入base64.js文件,调用方法为:     DOCTYPE HTML>html>head>meta charset="utf-8">title>ba