您的位置:首页 > 其它

placehoder点击文字消失

2016-08-05 16:23 323 查看
<!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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: