js实现点击显示和隐藏密码功能

 时间:2024-10-15 17:52:08

1、新建一个html文件,命名为test.html ,用于实现点击显示和隐藏密码功能 。

js实现点击显示和隐藏密码功能

3、在form表单中,创建一个input密码输入框,并且定义它的name属性为pass嘛术铹砾word。同时创建一个a链接“显示密码”。两个元素都使用spa荏鱿胫协n标签包围,并且给span标签设置id属性,用于下面在该id下更改元素显示内容。

js实现点击显示和隐藏密码功能

5、在ps()函数内,使用DOM对象方法实现当点击“显示密码”时,把密码输入框的pas衡痕贤伎sword类型改为text类型,并且把获得的密码显示在脶巴躔炒输入框里。同时,把“显示密码”改为"隐藏密码",执行的函数也改为txt()函数 。代码如下:

js实现点击显示和隐藏密码功能

7、在浏览器运行test.html文件,输入密码,例如:123456,点击“显示密码”,现点击“隐藏密码”,看是否实现了显示和隐藏密码功能。

js实现点击显示和隐藏密码功能js实现点击显示和隐藏密码功能
  • 开咖啡厅的流程
  • 在哪里查看Ps的SDK版本信息
  • 赛季结束后积分怎么处理呢?
  • 宏碁笔记本怎么开启tpm
  • PS段落文本怎么调居中、右对齐
  • 热门搜索
    同城旅游网站 去香港旅游注意事项 内江旅游 乐亭旅游 去土耳其旅游多少钱 日内瓦旅游 吉林省旅游景点 西安市旅游局 苏杭旅游景点有哪些 10月旅游