显示隐藏文本框内容

最新推荐文章于 2024-05-23 10:19:28 发布

菜鸟级码农小林

最新推荐文章于 2024-05-23 10:19:28 发布

阅读量88

点赞数

分类专栏： html JavaScript 文章标签： javascript html

本文链接：https://blog.csdn.net/m0_59735348/article/details/124475674

版权

JavaScript 同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

html

20 篇文章 0 订阅

订阅专栏

<html>
    <input type="text" value="手机" style="color: #999;">
</html>

<script>
      // 获取元素
      var a = document.querySelector('input')
      // 获取焦点事件 onfocus
      a.onfocus = function(){
        if(this.value === '手机'){
          this.value = ''
        }
        this.style.color = '#333'
      }
      // 失去焦点事件 onblur
      a.onblur = function(){
        if(this.value === ''){
          this.value = '手机'
        }
        this.style.color = '#999'
      }
</script>

菜鸟级码农小林

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
显示隐藏文本框内容

<html> <input type="text" value="手机" style="color: #999;"></html><script> // 获取元素 var a = document.querySelector('input') // 获取焦点事件 onfocus a.onfocus = function(){ if(this.value === '手机'){ .
复制链接

扫一扫

专栏目录