zoukankan      html  css  js  c++  java
  • 高亮文本框

    <html>
    <head>
        <title>高亮文本框</title>
        <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('input[type="text"]').addClass("idleField");
                   $('input[type="text"]').focus(function() {
                       $(this).removeClass("idleField").addClass("focusField");
                    if (this.value == this.defaultValue){
                        this.value = '';
                    }
                    if(this.value != this.defaultValue){
                        this.select();
                    }
                });
                $('input[type="text"]').blur(function() {
                    $(this).removeClass("focusField").addClass("idleField");
                    if ($.trim(this.value) == ''){
                        this.value = (this.defaultValue ? this.defaultValue : '');
                    }
                });
            });           
        </script>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
            font:bold 12px "Lucida Grande", Arial, sans-serif;
        }
        body {
            padding: 10px;
        }
        h1{
            font-size:14px;
        }
        #status{
            50%;
            padding:10px;
            height:42px;
            outline:none;
        }
        .focusField{
            border:solid 2px #73A6FF;
            background:#EFF5FF;
            color:#000;
        }
        .idleField{
            background:#EEE;
            color: #6F6F6F;
            border: solid 2px #DFDFDF;
        }       
    </style>
    </head>

    <body>
        <form>
            <input name="status" id="status" value="在这里写点什么..." type="text"/>
        </form>
    </body>
    </html>

  • 相关阅读:
    『题解』POJ1753 Flip Game
    『数论』乘法逆元
    『数据结构』RMQ问题
    UVA 253 Cube painting 【数学】
    POJ 1852 Ants 【水+Trick+贪心】
    POJ 2955 Brackets 【区间DP】
    LOJ 1422 Halloween Costumes【区间DP】
    HDU 4193 Non-negative Partial Sums 【单调队列】
    CodeForces-545C Woodcutters 【贪心+机智】
    CodeForces 19D A and B and Interesting Substrings 【前缀和】
  • 原文地址:https://www.cnblogs.com/dachie/p/1799143.html
Copyright © 2011-2022 走看看