WebAPI 操作元素案例 —— (小眼睛)显示密码

最新推荐文章于 2024-08-25 09:57:22 发布

没人回复我哼

最新推荐文章于 2024-08-25 09:57:22 发布

阅读量529

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/qq_45645902/article/details/105548213

版权

本文介绍如何通过JavaScript实现WebAPI操作，点击按钮切换密码框类型，展示或隐藏密码明文。通过设置一个标志变量flag，根据其值动态改变密码输入框的type属性，实现查看和隐藏密码的功能。

摘要由CSDN通过智能技术生成

学习来源：https://www.bilibili.com/video/BV1HJ41147DG

要求
点击按钮将密码框切换为文本框，并可查看密码明文
例如：京东(现在没有了)
在这里插入图片描述
思路
点击眼睛按钮，把密码框类型改为文本框就可以看见里面的密码了
一个按钮两个状态，依次切换为文本框，继续点击一次切换为密码框
利用一个flag变量来判断flag的值，如果是1就切换为文本框，flag设置为0，如果是0就切换为密码框，flag设置为1

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

最低0.47元/天解锁文章

没人回复我哼

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
WebAPI 操作元素案例 —— (小眼睛)显示密码

学习来源：https://www.bilibili.com/video/BV1HJ41147DG 要求点击按钮将密码框切换为文本框，并可查看密码明文例如：京东(现在没有了)思路点击眼睛按钮，把密码框类型改为文本框就可以看见里面的密码了一个按钮两个状态，依次切换为文本框，继续点击一次切换为密码框利用一个flag变量来判断flag的值，如果是1就切换为文本框，flag设置...
复制链接

扫一扫