jquery 方法模拟placeholder

最新推荐文章于 2024-09-25 14:00:00 发布

axl234

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量96

点赞数

分类专栏： css jquery javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/axl234/article/details/84288876

版权

javascript 同时被 3 个专栏收录

158 篇文章 0 订阅

订阅专栏

css

104 篇文章 0 订阅

订阅专栏

jquery

104 篇文章 0 订阅

订阅专栏

css：

#inputSearch {
    border: 1px solid #BABEBF;
    color: #999999;
    font-size: 14px;
    height: 17px;
    padding: 3px 6px 5px 6px;
    width: 200px;
}
#inputSearch.focus{color: #000000;
    border: 1px solid #00A5FF;
}

html：

js：

$("#inputSearch").focus(function(){
    $(this).addClass("focus");
    if($(this).val() ==this.defaultValue){
     $(this).val("");
    }
}).blur(function(){
   $(this).removeClass("focus");
   if ($(this).val() == '') {
   $(this).val(this.defaultValue);
   }
})