placehoder点击文字消失

Smileku

于 2016-08-05 16:23:35 发布

阅读量750

点赞数 1

本文链接：https://blog.csdn.net/Smileku/article/details/52130311

版权

<!DOCTYPE HTML>
<html>
<header>
    <meta charset='utf-8'/>
    <title>demo</title>
    <script src='js/jquery-1.11.3.js'></script>
</header>
<body>
<input type="text" placeholder="搜索关键词1" class="txt_search1" value=""/>
<input type="text" placeholder="搜索关键词2" class="txt_search2" value=""/>
<input type="text" placeholder="搜索关键词3" class="txt_search3" value=""/>
<script>
    $(function(){
        $("input").bind('mousedown',function(){
            $(this).attr('placeholder','');
        })
        $("input").bind('blur',function(){
            $(this).attr('placeholder','搜索关键词')
        })
    })
</script>
</body>
</html>

Smileku

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
placehoder点击文字消失

HTML>html>header> meta charset='utf-8'/> title>demotitle> script src='js/jquery-1.11.3.js'>script>header>body>input type="text" placeholder="搜索关键词1" class="txt_search1" value=""/>inp
复制链接

扫一扫