小弟有个疑问,比如说在某个搜索文本框中,有这么几个字,显示“请输入关键字”,但当鼠标移动到上面(文本框中时,该行字自动消失了),或是单击按钮时,提示你请输入关键字,请问高手这该如何实现???
是用CSS实现吗?请高手给出方法或代码???
小弟不甚感激!!!

解决方案 »

  1.   

    用JS实现
    -------------------------------------------------------------------------------------
    <SCRIPT language="javascript">
    var G_CurrHighLight = document.getElementById("search1"); //定义搜索导航指向
    var G_search_keyword = document.getElementById("search_keyword");//定义搜索输入框使用临时变量
    function Gd_SubSearch(sc){ //改变搜索导航分类样式
    if(G_CurrHighLight == null){
    G_CurrHighLight = document.getElementById("search1");
    }
    G_CurrHighLight.className = "searchfod2";
    G_CurrHighLight = document.getElementById(sc)
    G_CurrHighLight.className = "searchfod1";
    }
    function Gd_SearchInput_a(){ //改变搜索输入框文字
    G_search_keyword = document.getElementById("search_keyword");
    if(G_search_keyword.value == "请在此处输入您想要搜索的关键字"){
    G_search_keyword.value = "";
    G_search_keyword.style.cssText = "width:300px; font-size:12px; color:#000; padding-top:3px; padding-left:5px;";
    }
    }function Gd_SearchInput_b(){ //改变搜索输入框文字
    G_search_keyword = document.getElementById("search_keyword");
    if(G_search_keyword.value == ""){
    G_search_keyword.value = "请在此处输入您想要搜索的关键字";
    G_search_keyword.style.cssText = "width:300px; font-size:12px; color:#999; padding-top:3px; padding-left:5px;";
    }
    }
    </SCRIPT>
    <input id="search_keyword" name="search_keyword" type="text" style="PADDING-LEFT:5px; FONT-SIZE:12px; WIDTH:300px; COLOR:gray; PADDING-TOP:3px" maxlength="40" value="请在此处输入您想要搜索的关键字" onclick="Gd_SearchInput_a()" onblur="Gd_SearchInput_b()">
      

  2.   

    给一个按钮添加点击事件的代码如下:Button1.Attributes.Add("onclick", "return confirm('您真的要删除吗?');");或者直接使用Javescript进行提示:Response.Write ("<script language='javascript'>alert('提示的内容');</script>");
      

  3.   

    就好像http://www.7ecity.com/上面的搜索框中的文字一样!
      

  4.   

    <input value="请输入关键字" runat=server onfocus="this.value=''" onfocusout="this.value='请输入关键字'" />