input 文字颜色

最新推荐文章于 2024-01-10 13:45:53 发布

weixin_33973609

最新推荐文章于 2024-01-10 13:45:53 发布

阅读量254

点赞数

原文链接：http://www.cnblogs.com/ghfjj/p/6306275.html

版权

<!doctype html>
<html>
    <head>
        <meta charset="gb2312" />
        <style>
             
        </style>
    </head>
    <body>
        <input id="test" type="text" value="默认" style="color:#999;" />
        <script>
            function $(o){return document.getElementById(o)}
            $('test').onfocus = function(){
                if( this.value == this.defaultValue ){
                    this.value = '';
                    this.style.color = '#000';
                }
            }
            $('test').onblur = function(){
                if( this.value == '' || this.value == this.defaultValue ){
                    this.value = this.defaultValue;
                    this.style.color = '#999';
                }
            }           
        </script>
    </body>
</html>