<html>

<head>

<title>【荐】JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title>

<style>

body,input{font:menu}

</style>

</head>

<body>

<form method="POST" action="addcheck.asp" name="forms">

<span id=box><input type="password" name="password" size="20" value="www.6a8a.com"></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>

<br />

<p><a href="http://www.6a8a.com">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码！</p>

</body>

</html>

另一种写法：

<dd>

                                    <em>新&nbsp;密&nbsp;码</em>

                                    <label>

                                         <span class="placeholder">请输入6-16位的新密码</span>

                                        <input id="pwd" type="password" class="input_txt" >

                                        <a class="input_eye" id="clc" href="javascript:;"> </a>

                                        <p class="error_msg">密码xxxx错误</p>

                                    </label>

                                    <script language="JavaScript">

                                        var pwd = document.querySelector('#pwd');

                                        document.querySelector('#clc').addEventListener('click', function() {

                                            showPwd(pwd)

                                        }, false);

                                        function showPwd(obj) {

                                            var type = obj.getAttribute('type');

                                            if (type == 'password') {

                                                obj.setAttribute('type', 'text');

                                            } else {

                                                obj.setAttribute('type', 'password');

                                            }

                                        }

                                    </script>

                                </dd>

JS控制文本框中的密码显示/隐藏功能的更多相关文章

  1. Js控制显示、隐藏文本框中的密码

    Js控制显示.隐藏文本框中的密码,也可称为是一款小型的JavaScript星号密码破解器,点击会显示出密码类型的文本框中的真实信息,再次点击则还原,程序 主要是获取HTML元素对象,然后强制更改元素属 ...

  2. js 控制文本框输入要求

    把输入框中 输入的字符串含有中文逗号 改成 英文逗号 举例: <input type="text" id="keywords" style="w ...

  3. js控制文本框只能输入中文、英文、数字与指定特殊符号.

    先在'' 里输入 onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g,'')里的 X换成你想输入的代码就可以了, 中文u4 ...

  4. JS 控制文本框只能输入中文、英文、数字与指定特殊符号

    想做姓名输入的js判断是否是中文,但是网上找的很多是源于一篇文章的,判断中文的正则式不对,后来找到一个可以准确判断了,但是是监测里面有中文的就行,跟我想要的只能输入中文的意思相左,所以又找了下面的 J ...

  5. js控制文本框仅仅能输入中文、英文、数字与指定特殊符号

    JS 控制文本框仅仅能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=v ...

  6. JS 控制文本框禁止输入例子

    JS 控制不能输入特殊字符 <input type="text"class="domain"onkeyup="this.value=this.v ...

  7. JS控制文本框输入的内容

    总而言之:   先在‘<input>’ 里输入      onkeyup="value=value.replace(/[^\X]/g,'')" 然后在(/[\X]/g, ...

  8. JS控制文本框禁止输入特殊字符

    JS 控制不能输入特殊字符<input type="text" class="domain" onkeyup="this.value=this. ...

  9. JS控制文本框内键盘上下左右键的焦点

    avaScript键盘上下左右控制文本框焦点的方法有很多,这里简单说两种方法: 方法一: 创建一个table的dom元素,包含5行4列的文本框 <!DOCTYPE HTML PUBLIC &qu ...

随机推荐

  1. 在js传递参数中含加号(+)的处理方式

    一般情况下,URL 中的参数应使用 url 编码规则,即把参数字符串中除了 -_. 之外的所有非字母数字字符都将被替换成百分号(%)后跟两位十六进制数,空格则编码为加号(+).但是对于带有中文的参数来 ...

  2. python 远程统计文件

    #!/usr/bin/python #encoding=utf-8 import time import os import paramiko import multiprocessing #统计文件 ...

  3. 根据identifier从StoryBoard中获取对象，UIButton的图片文件位置

    @import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/c ...

  4. SQLServer中数据库文件的存放方式，文件和文件组

    我们公司近一年来做了一个CRM系统. 遇到一个问题就是:在插入交流记录的时候速度特别慢.(交流记录数据量大) 后来我们经理采用文件组的方法,将客户交流记录这张表提出来就快很多了 这里有一篇关于文件组的 ...

  5. 自定义JsonResult处理JSON序列化DateTime类型数据（Ext4.2+ASP.NET MVC 4）

    最近项目中前台页面使用Extjs4.2 ,在后台ASP.NET MVC4返回的DateTime类型的数据错返回的DateTime类型的JsonResult的结果中的值是“\/Date(13784461 ...

  6. Thread详解

    具体可参考:Java并发编程:Thread类的使用,这里对线程状态的转换及主要函数做一下补充. 一.线程状态转换图 注意: 阻塞状态是线程阻塞在synchronized代码块时的状态,而阻塞在Lock ...

  7. <转载>僵尸进程

    转载http://www.cnblogs.com/scrat/archive/2012/06/25/2560904.html 什么是僵尸进程 僵尸进程是指它的父进程已经退出(父进程没有等待(调用wai ...

  8. poj 3180 The Cow Prom（tarjan+缩点 easy）

    Description The N ( <= N <= ,) cows are so excited: it's prom night! They are dressed in their ...

  9. VS 项目(c#)引用了 DLL文件，也写了Using，但是编译时提示:未能找到类型或命名空间名称

    1. 在项目上点右键-->属性-->应用程序-->目标框架-->修改为.NET Framework 4. 而我原来的设置是.NET Framework 4 Client Pro ...

  10. 2301: [HAOI2011]Problem b

    2301: [HAOI2011]Problem b Time Limit: 50 Sec  Memory Limit: 256 MBSubmit: 4164  Solved: 1888[Submit] ...