明码与密码切换

最新推荐文章于 2022-12-04 17:21:09 发布

Ugrandpa

最新推荐文章于 2022-12-04 17:21:09 发布

阅读量2.8k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Ugrandpa/article/details/77980971

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>明码</title>
</head>
<body>
    <form action ='#'>
        <input type="text" name="password">
        <input type="button" name="showPassword" value='明码'>
    </form>
    <script type='text/javascript'>
        var form = document.forms[0];
        var password = form.password,
        showPassword = form.showPassword;

        showPassword.onclick = function(){
            var type = password.getAttribute('type');
            if (type === 'password') {
                this.value = '明码';
                password.setAttribute('type', 'text');
            } else {
                this.value = '密码';
                password.setAttribute('type', 'password');
            }
        }   
    </script>
</body>
</html>

优惠劵

Ugrandpa

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
明码与密码切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>明码</title></head><body> <form action ='#'> <input type="text" name="password"> <input type="button" n
复制链接

扫一扫