javasript实现密码的隐藏与显示

 　　用户输入密码时都是显示的星号了，那么我们希望查看明文要怎么查看呢，下面我们只要使用一段简单的js就可以实现查看密码框的明文了，有需要的小伙伴可以来参考下。

　　javascript实现的查看隐藏的密码框中明文信息的方法，用户输入密码时显示星号，如何查看明文信息呢，用js可以实现查看密码框的明文。

　　在密码框中输入密码，会以星号来显示，文字内容被自动隐藏了。

　　用户输入密码时显示星号，如何查看明文信息呢，用js可以实现查看密码框的明文。

　　代码：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<html><head><title>密码的隐藏与显示</title>
</head>
<body bgcolor=#fef4d9><br><br>
<center>密码的隐藏与显示</center><br>
<center>
<table bordercolor=#cc0000 border=5 borderlight="green">
<tbody>
<tr>
<td align=middle><div align="center">效果显示</div></td>
</tr>
<tr>
<td align=middle>
<form name=forms action="" method=post><span id=box>
<input type=password value=523654 name=password></span> <span id=click><a href="javascript:ps()">显示密码</a></span>
<script language=javascript>
function ps(){
if (this.forms.password.type="password")
box.innerhtml="<input type="html" name="password" size="20" value="+this.forms.password.value+">";
click.innerhtml="<a href="javascript:txt()">隐藏密码</a>"}
function txt(){
if (this.forms.password.type="text")
box.innerhtml="<input type="password" name="password" size="20" value="+this.forms.password.value+">";
click.innerhtml="<a href="javascript:ps()">显示密码</a>"}
</script>
</form></td></tr></tbody></table></center>
</body>
</html>

　　以上所述就是本文的全部内容，有需要的小伙伴可以参考下。

时间： 2024-09-08 17:25:15

javasript实现密码的隐藏与显示的相关文章

Android中实现密码的隐藏和显示的示例

在Android开发中,需要密码的隐藏和显示,下面就和大家分享一下使用方法: xml代码: <LinearLayout android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/white" android:orientation="horizontal" > <TextView an

WordPress用户登录框密码的隐藏与部分显示技巧_php技巧

让WordPress登录页的密码框显示最后一个输入的字符在通常情况下,网页的设计者们会将密码输入框中的所有字符隐藏成黑点,以防止有人在背后偷窥输入的密码,如: 这种密码输入模式虽然减少了被偷窥的危险,但是给我们的密码输入带来了很多麻烦,因为我们不知道到底输入了什么字符,所以经常导致输错密码的情况,浪费了很多时间. 可能你也已经注意到,现在智能手机的很多应用中,使用了这样一种密码框处理方式:对用户在密码框中输入的最后一个字符,会先让它显示2-3秒钟,然后再隐藏,这样可以让用户知道刚刚输入了什么字符

jQuery验证密码强度插件(支持显示隐藏)

现在很多注册页面都显示密码强度,告诉用户使用复杂度高的密码.原理就是使用js触发text表单输入元素的keyup事件,根据输入字符的长度以及类型数量(比如数字,小写字母,大写字母,特殊字符等)动态修改提示元素的样式和文本. 下面的strength插件就是基于jQuery的. 1.引入文件 <link href="css/style.css" type="text/css" rel="stylesheet" /> <script

JQuery实现密码有短暂的显示过程和实现 input hint效果

实现目的 这几天做项目的时候,客户要求在文本框输入密码的时候,要求密码有短暂的显示过程,如下图: 问题思考   首先解决的是如何在input框里实现类似于android中hint属性,html5中添加placeholder,但是现在不是html5,怎么办?   解决办法   以输入用户名为例: <li>  <input name="textfield" type="text" id="usern"  value="请输

基于JS实现密码框(password)中显示文字提示功能代码_javascript技巧

其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就是放两个文本框,样式以及定位都是一样的.先将type为password的隐藏,只显示type为text的伪密码框,value设置提示内容例如请输入密码.然后当input触发的时候,type为text的input隐藏,让type为password的input显示出来.然后当检测password的val

Android EditText密码的隐藏和显示功能

Android EditText密码的隐藏和显示功能 实现效果图: 实现代码: 首先在xml里创建两个控件 EditText和CheckBox 然后就很简单了 dt1=(EditText)findViewById(R.id.password); cb1=(CheckBox)findViewById(R.id.checkbox_1); cb1.setOnCheckedChangeListener(new OnCheckedChangeListener() { @Override public vo

重写UITableViewCell子类中属性的setter方法来实现隐藏或显示该cell中的某些控件

重写UITableViewCell子类中属性的setter方法来实现隐藏或显示该cell中的某些控件 为什么会需要这样子的一种方法来实现隐藏或者显示一个cell中的某些控件呢? 其实,隐藏cell中某些控件可以直接在tableView:cellForRowAtIndexPath:方法中直接实现,我们需要判断外部变量比如bool值来决定是否显示这个控件,但需要额外的代码写在tableView:cellForRowAtIndexPath:方法当中,如果我们把bool值传递给该cell让其自己判断是否

xcel2013怎样隐藏与显示状态栏

  excel 2013隐藏与显示状态栏的教程: 隐藏与显示状态栏步骤1:打开EXCEL2010工作表,工作表标签名"电脑统计表",可以看到,底部状态栏没有显示出来! 隐藏与显示状态栏步骤2:右键"电脑统计表"标签,弹出快捷菜单,点击"查看代码"命令项 隐藏与显示状态栏步骤3:进入VBA模式,并按组合键,显示出"立即窗口" 隐藏与显示状态栏步骤4:在"立即窗口"中输入: Application.Displa

Word 2013中如何隐藏或显示图形和文本框

在Word2013文档中,用户可以通过取消或启用"显示图形和文本框"功能,以隐藏或显示Word文档中的图形和文本框,操作步骤如下所述: 第1步,打开Word2013文档窗口,依次单击"文件"→"选项"按钮,如图2013072516所示. 图2013072516 单击"选项"按钮 第2步,打开"Word选项"对话框,切换到"高级"选项卡.在"显示文档内容"区域取消或选中