世纪佳缘用户名显示隐藏内容

最新推荐文章于 2022-12-27 15:15:57 发布

Just-Lsy

最新推荐文章于 2022-12-27 15:15:57 发布

阅读量1k

点赞数 1

分类专栏：笔记文章标签： html5 html css

本文链接：https://blog.csdn.net/m0_59030524/article/details/122282380

版权

笔记专栏收录该内容

69 篇文章 6 订阅

订阅专栏

<style>
        input {
            color: #999;
            outline: none;
        }
    </style>
</head>

<body>
    <input type="text" value="邮箱/ID/手机号">
    <script>
        var ipt = document.querySelector('input');
        ipt.onfocus = function () {
            if (ipt.value === '邮箱/ID/手机号') {
                ipt.value = '';
            }
            ipt.style.borderColor = 'pink';
        }
        ipt.onblur = function () {
            if (ipt.value === '') {
                ipt.value = '邮箱/ID/手机号';
            }
        }
    </script>
</body>

有个问题：网页显示出来的表单左边框和上边框除了粉色还叠加了黑色，右边和底部是正常的，也不知道哪里出了问题......

Just-Lsy

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
5
评论
世纪佳缘用户名显示隐藏内容

<style> input { color: #999; outline: none; } </style></head><body> <input type="text" value="邮箱/ID/手机号"> <script> var ipt = document.querySelector('input').
复制链接

扫一扫