文本框点击时文字消失，失去焦点时文字出现!

来源：互联网发布：黄海电影知乎编辑：程序博客网时间：2024/05/01 04:28

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charsetGB2312" />
        <title>文本框点击时文字消失，失去焦点时文字出现 </title>

    </head>
    <body>
        <input type="text" value="请输入关键字" id="myinput" />
    </body>
</html>
<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>