JavaScript-156：显示隐藏文本框内容

最新推荐文章于 2024-09-17 13:42:29 发布

臧小川

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量98

点赞数

分类专栏： JavaScript基础文章标签： javascript 前端 html

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/122413298

版权

JavaScript基础专栏收录该内容

240 篇文章 25 订阅

订阅专栏

结构

 <input type="text" value="手机">

        var text = document.querySelector('input');
        text.onfocus = function ()
        {
            if (this.value === '手机')
            {
                this.value = '';
            }
            this.style.color = '#333';
        }

        text.onblur = function ()
        {
            if (this.value === '')
            {
                this.value = '手机';
            }
            this.style.color = '999';
        }