textbox里灰色默认提示字样，获取焦点后提示字样消失

在textbox里灰色默认提示字样，例如姓名的textbox，当它没有获得焦点时，默认灰色显示＂请输入姓名，例如：张三＂的提示字样，当鼠标点击获得焦点时，灰色字体消失．
这个功能怎么实现．

解决方案 »

  1.   

    先给textbox设上默认值和默认css。然后通过JavaScript，在获得焦点时，将TextBox清空并改变css
      

  2.   

            private void textBox1_MouseEnter(object sender, EventArgs e)
            {
                textBox1.Text = "Pls Enter the name!";        }
      

  3.   

    使用js实现， document.getElementById('Uanswer').attachEvent("onpropertychange", checkUAnswer);
    checkUAnswer验证方法
      

  4.   


    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>无标题页</title>
        <script src="App_common/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            window.onfocusTxt=function()
            {
                $("#TextBox1").val("");
                $("#TextBox1").addClass("bb");
            }
        </script>
        <style type="text/css">
            .cc{color:#CCC;}
            .bb{color:red;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
            <input type="text" id="TextBox1" class="cc" value="请输入姓名" runat="server" onfocus="onfocusTxt();" />
        </div>
        </form>
    </body>
    </html>
      

  5.   

    <input type="text" style="background-color:gray" value="请输入姓名" onclick="if(this.value=='请输入姓名'){this.value='';this.style.backgroundColor='white';}" onblur="if(this.value=='') {this.value='请输入姓名';this.style.backgroundColor='gray';}" name="code" class="text" />
      

  6.   

    <input class="search-normal"
          onblur="toggleColorSearch(this); blurSearch();" 
          onfocus="toggleColorSearch(this); focusSearch();" 
          value="菜品&nbsp;&nbsp;类别&nbsp&nbsp;餐厅&nbsp;&nbsp;地址" name=SearchText>function toggleColorSearch(objElement) {
      if (objElement.className=='search-normal')
        objElement.className='search-focus';
      else
        objElement.className='search-normal';
    }
    var g_defaultSearchText = "";
    function load()
    {
    g_defaultSearchText = document.search.SearchText.value;
    }
    function focusSearch()
    {
    var f = document.search;
    if (f.SearchText.value == g_defaultSearchText)
    f.SearchText.value = "";
    }
    function blurSearch()
    {
    var f = document.search;
    if (f.SearchText.value == "")
    f.SearchText.value = g_defaultSearchText;
    }
      

  7.   


    <head runat="server">
        <title>无标题页</title>
        <script src="App_common/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            window.onfocusTxt=function()
            {
                $("#TextBox1").val("");
                $("#TextBox1").removeClass("cc");
                $("#TextBox1").addClass("bb");
            }
            window.onblurs=function()
            {
                if($("#TextBox1").val()=="")
                {
                    $("#TextBox1").val("请输入姓名");
                    $("#TextBox1").removeClass("bb");
                    $("#TextBox1").addClass("cc");
                }
            }
        </script>
        <style type="text/css">
            .cc{color:#CCC;}
            .bb{color:red;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
            <input type="text" id="TextBox1" class="cc" value="请输入姓名" runat="server" onfocus="onfocusTxt();" onblur="onblurs();" />
        </div>
        </form>
    </body>
    </html>
    补充一下
      

  8.   

    <script type="text/javascript">
            window.onfocusTxt=function()
            {
                $("#TextBox1").val("");
                $("#TextBox1").removeClass("cc");
                $("#TextBox1").addClass("bb");
            }
            window.onblurs=function()
            {
                if($("#TextBox1").val()=="")
                {
                    $("#TextBox1").val("请输入姓名");
                    $("#TextBox1").removeClass("bb");
                    $("#TextBox1").addClass("cc");
                }
            }
        </script>
      

  9.   

    css样式表可以实现C#
    if{textbox得到焦点)
      enable=false;//灰色
    }
    else
    {
      enable=true;
    }