最近学JSP 想要个输入框效果  
点击输入框让默认文字消失代码,当鼠标点击输入框时,原有的默认文字消失。如果输入其它新内容,然后移开鼠标,输入框新内容不变;如果不输入新内容,鼠标离开输入框又还原默认文字。这种效果jquery里面有现成的吗?  怎么实现?

解决方案 »

  1.   

    <body>
    <input type="text" id="str" value="这里输入" />
    </body>
    </html>
    <script src="js/jquery-1.4.2.min.js"></script>
    <script>
    $("#str").focusin(function(){$("#str").val("")})
    .focusout(function(){$("#str").val("这里输入")})
    </script>
      

  2.   

    据我说知 现成的应该没有 。
    <input type="text"  onblur="{if(this.value==''){this.value='请输入';}}" value="请输入" />
    是这样吗 ?
      

  3.   

    $("#str").focusin(function(){$("#str").val("")})
    .focusout(function(){if($("#str").val() == "") $("#str").val("这里输入")})重新改了下
      

  4.   


    $("#inputid").focus(function(){
    if($(this).val()=="搜尋關鍵字"){
    $(this).val("");
    }
    }).blur(function(){
    if($(this).val()==""){
    $(this).val("搜尋關鍵字");
    }
    });
      

  5.   

        ziyouren521125用户头像
        ziyouren521125
        (随你怎么叫)
        等 级:
    #3楼 得分:0回复于:2011-05-05 14:15:57JScript code    $("#str").focusin(function(){$("#str").val("")}) .focusout(function(){if($("#str").val() == "") $("#str").val("这里输入")})
    重新改了下
    哥们,你写的这个有bug,如果input输入框内有用户故意保留的初始值时,当focus的时候会被清空掉.
      

  6.   

    其实:onblur="if (value ==''){value='原始值'}" 
    onfocus="if (value =='原始值'){value =''}"这样更好。