js实现点击文本框使得文本框中内容消失

在用ThinkPHP框架进行开发的时候，在修改密码的情况下想进行文本框中文本提示“点击输入新密码”，但是不知道如何去实现，于是想到了javascript，于是借助百度，我找到了一种方法，可以实现我的需求。

代码如下：

密码:<input type="text" value="点击输入新密码" name="password" id="myinput" size="60" />
                <!--点击文本框，清除文本框中内容-->
        <script language="JavaScript" type="text/javascript">
               function addListener(element,e,fn){
                    if(element.addEventListener){
                         element.addEventListener(e,fn,false);
                     } else {
                         element.attachEvent("on" + e,fn);
                      }
               }
               var myinput = document.getElementById("myinput");
               addListener(myinput,"click",function(){
                myinput.value = "";
               })
               addListener(myinput,"blur",function(){
                myinput.value = "点击输入新密码";
               })
        </script>

上面的代码，部分参考网络，贴在这里，给自己留个备份，也给需要的人用