关于input控件文字提示问题

script代码：function nameDisa(){
      var v;
      v=document.getElementByName("_name").value;
      if (v=="昵称"){document.getElementByName("_name").value=""}
      }
function nameShow(){
      var v;
      v=document.getElementByName("_name").value;
      if (v==""){document.getElementByName("_name").value="昵称"}
      }
html代码：<input type="text" class="name" name="_name" value="昵称" onfocus="nameDisa();"onblur="nameShow();"/>
点击input后提示为何不会消失？
如果我不放进头部的js代码中，而是如下时，却可以，求解问题出在哪里？<input value="昵称" onfocus="if (value =='昵称'){value =''}" onblur="if (value ==''){value='昵称'}" />

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">function nameDisa(){
        var v;
        v=document.getElementById("_name").value;
        if (v=="昵称"){
    document.getElementById("_name").value="";
    }
    }
    function nameShow(){
    var v;
        v=document.getElementById("_name").value;
        if (v==""){
    document.getElementById("_name").value="昵称";
    }
    }
    </script>
    </head><body><input type="text" class="name" id="_name" name="_name" value="昵称" onfocus="nameDisa();"onblur="nameShow();"/>
    </body>
    </html>
      

  2.   

    必须用Id么，因为我有好几个类似的input，总不能全用Id去弄吧name，class貌似都不行，求解
      

  3.   


    <script >
    function nameDisa(el){
        if (el.value==el.title) el.value='';
    }
    function nameShow(el){
        if(!el.value) el.value=el.title;
    }
    </script>
    <input type="text"   title='昵称' value="昵称" onfocus="nameDisa(this);"onblur="nameShow(this);"/>
    <input type="text"   title='用户名' value="用户名" onfocus="nameDisa(this);"onblur="nameShow(this);"/>
      

  4.   


    也可以用form[name]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">function nameDisa(){
        var v;
        v=document.forms['form1']._name.value;
        if (v=="昵称"){
    document.forms['form1']._name.value="";
    }
    }
    function nameShow(){
    var v;
        v=document.forms['form1']._name.value;
        if (v==""){
    document.forms['form1']._name.value="昵称";
    }
    }
    </script>
    </head><body>
    <form name="form1">
    <input type="text" class="name" name="_name" value="昵称" onfocus="nameDisa();"onblur="nameShow();"/>
    </form>
    </body>
    </html>