手机版

JS实现密码框的显示密码和隐藏密码功能示例

时间:2021-09-06 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了射流研究…实现密码框的显示密码和隐藏密码功能。分享给大家供大家参考,具体如下:

运行效果图如下:

完整实例代码:

超文本标记语言头元http-equiv='内容-类型' Content=' text/html;charset=UTF-8 '/头体形式方法=' POST ' action=' name=' forms ' span id=box input type=' password ' name=' password ' size=' 80 ' style=' width :150;价值='新浪。请单击“JavaScript : showps()”显示密码/a/span/表单/正文脚本语言='JavaScript '函数showps(){ if(this。表格。密码。type=' password '){ document。getelementbyid(' box ').innerHTML=' input type=\ ' text ' name=\ ' password ' size=\ ' 80 ' style=' width : ' 150 \ ';value="this。表格。密码。价值”;document.getElementById('单击').innerHTMl=' a href=\ ' JAVAScript : hide PS()\ '隐藏密码/a' } }函数隐藏了(){ if(this。表格。密码。type=' text '){ document。getelementbyid(' box ').innerHTML=' input type=\ ' password ' name=\ ' password ' size=\ ' 80 ' style=' width : ' 150 \ ';value="this。表格。密码。价值”;document.getElementById('单击').innerHTMl=' a href=\ ' JAVAScript : showps()\ '显示密码/a ' } }/脚本/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript表单(form)操作技巧大全》 《JavaScript查找算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript中json操作技巧总结》 、 《JavaScript错误与调试技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

版权声明:JS实现密码框的显示密码和隐藏密码功能示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。