placeholder测试

最新推荐文章于 2024-04-30 19:24:04 发布

weixin_30596165

最新推荐文章于 2024-04-30 19:24:04 发布

阅读量93

点赞数

文章标签： python 测试 javascript ViewUI

原文链接：http://www.cnblogs.com/qq21270/p/3535873.html

版权

placeholder测试

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://static.mtimg.net/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){


/*
    $lineSearchbg.each(function(){

        //搜索框 请输入目的地、主题或关键词
        $(this).find('.placeholder').focus(function(){
            var arrive = $(this).val();
            if(arrive == '请输入目的地、主题或关键词'){
            $(this).val('').css('color','#000');
            }
        });

        $(this).find('#arriveSearchText').blur(function(){
            var arrive = $(this).val();
            if(arrive == ''){
                $(this).val('请输入目的地、主题或关键词').css('color','#b5b5b5');
            }
        });

    });
*/


        //搜索框 请输入目的地、主题或关键词
        $('.placeholder').focus(function(){
            if( $(this).val() == $(this).attr("placeholder") ){
                $(this).val('').css('color','#000');
            }
        });

        $('.placeholder').blur(function(){
            if( $(this).val() == ''){
                $(this).val( $(this).attr("placeholder") ).css('color','#b5b5b5');
            }
        });


});
</script>
<style type="text/css">
input{width:400px;margin:10px;}

</style>

</head>
<body>


<input type="text" class="" placeholder="啊啊啊啊啊啊啊啊">有placeholder，没有class<br>
<input type="text" class="placeholder">没有placeholder，有class<br>
<input type="text" class="placeholder" placeholder="啊啊啊啊啊啊啊">有placeholder，有class<br>
<input type="text" default="有default"><br>










</body>
</html>

posted on 2014-01-28 18:28 bjhhh 阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/qq21270/p/3535873.html

weixin_30596165

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
placeholder测试

placeholder测试 <!doctype html><html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="http://s...
复制链接

扫一扫