js文本框默认值设置！谢谢帮忙！

当用户的鼠标点击文本框，我们希望文本框里的默认值被清空；当用户的鼠标离开文本框，如果文本框是空的，我们希望把文本框的值设回默认值。要实现这些怎么写？在哪个页面写，怎么调用？

解决方案 »

  1.   

    1，先获得文本框的ID（或者name）  onclick=""将里边的值清空就可以啊
    2，鼠标离开文本框，如果是空的，把值设回去? 你已经清空了，这个文本框肯定是空的啊，还需要判断吗？不太明白这个
      

  2.   

    onmouseout是鼠标离开     onclick是点击事件
      

  3.   

    <html>
    <head>
    <script type="text/javascript">
    function cleanValue(){
      document.getElementById('tArea').value="";
    } function checkValueIsDefault(){
    var value = document.getElementById('tArea').value;
    if(value == ""  || value==null){
    document.getElementById('tArea').value = "请输入值"
    }
    }
    </script>
    </head>
    <body>
    <input type="text" /> <br />
    <textArea id="tArea" onfocus="cleanValue()" onblur="checkValueIsDefault()">
                 请输入值
    </textArea>
    </body>
    </html>
      

  4.   

      <script type="text/javascript">
       var aaa = document.getElementById("aaa").value;
       function setVal(){
       if(aaa=="")
       document.getElementById("aaa").value="默认值";
       }
       function delVal(){
       if(aaa == "默认值")
       document.getElementById("aaa").value="";
       }
      </script>
      <body onload="setVal()">
       <table align="center">
       <tr>
       <td>
       <input type="text" id="aaa" name="aaa" onclick="delVal()" onmouseout="setVal()">
       </td>
       </tr>
       </table>
      </body>
      

  5.   

    onblue事件就用一个函数清空文本框
      

  6.   

    用既然是文本框就用onblue 以免别人用tab键！
      

  7.   

    对 ，是这样的，你用要onclick时间和聚焦，离焦事件以前用！
      

  8.   

    这里可以改一下：function cleanValue(){
                  document.getElementById('tArea').value="";
                }改为：
    function cleanValue(){
                var value =  document.getElementById('tArea').value;
            //为默认值才清空。。    
            if(value=="请输入值"){
                  document.getElementById('tArea').value="";
                }
       }
      

  9.   

    function cleanValue(){
        document.getElementById('getPerson').value="";
      }  function checkValueIsDefault(){
          var value = document.getElementById('getPerson').value;
          if(value == ""  || value==null){
              document.getElementById('getPerson').value = "请输入值"
          }
      }<tr>
    <td align="right">领用人员：</td>
             <textarea name="getPerson" id="getPerson" onfocus="cleanValue()" onblur="checkValueIsDefault()">
                  请输入值
             </textarea>我的代码
      

  10.   


    <html>
        <head>
                    <script type="text/javascript">
                function cleanValue(){

      if(document.getElementById('tArea').value == "请输入值"){
                  document.getElementById('tArea').value="";
      }
                }            function checkValueIsDefault(){
                    var value = document.getElementById('tArea').value;
                    if(value.trim() == "" ){
                        document.getElementById('tArea').value = "请输入值"
                    }
                }
            </script>
        </head>
            <body>
          
            <input id="tArea" onfocus="cleanValue()" onblur="checkValueIsDefault()">
                
            </input>
        </body>
    </html>小改了下   默认值为  "请输入值"
      

  11.   

    <script language="javascript">
    function clearTxt(id){
    id.value="";
    }function reback(id){
    id.value="--default--";
    }
    </script>
    <input type="text" value="--default--" id="txt" onfocus="clearTxt(this)" onblur="reback(this)" />
      

  12.   

    你多搞一个输入框，这样才能演示得到焦点事件。只有这样一个文本框，一开始他就是得到焦点的，他的默认值就已经被清空了 另外，你的js有没有写在
     <script type="text/javascript"></script>中
      

  13.   

    加个判断
    function reback(id){
    if(id.value=="")
       id.value="--default--";
    }
      

  14.   

    另外对楼主表示无语，给了你代码，你抄都不会抄。。你好歹直接把我的代码copy到一个新建的HTML里面，看一下效果吧。然后再研究一下代码吧。            
    算了，我实在不知道说什么好了
      

  15.   

    [Quote=引用 22 楼 zl3450341 的回复:]
    你多搞一个输入框，这样才能演示得到焦点事件。只有这样一个文本框，一开始他就是得到焦点的，他的默认值就已经被清空了 另外，你的js有没有写在
     <script type="text/javascript"></script>中
    [/Qu
    点击时根本就没清空啊！
      

  16.   

    学习要讲究方法。。我一般很少直接给完整代码的。有时候就讲讲思路，我是看到上在的回贴讲了思想，你说你完全不懂javascript，才帮你写写的。另外推荐你一本入门的js书，〈javascript权威指南》就是外面画个犀牛的
      

  17.   


    <html>
        <head>
            <script type="text/javascript">
                function cleanValue(){
                  document.getElementById('textid').value="";
                }            function checkValueIsDefault(){
                    var value = document.getElementById('textid').value;
                    if(value == ""  || value==null){
                        document.getElementById('textid').value = "默认值"
                    }
                }
            </script>
        </head>
        <body>
            <input id="textid" type="text"  onfocus="cleanValue()" onblur="checkValueIsDefault()" value="默认值"/><br />
        </body>
    </html>