输入框光标点击内不显示提示文字，划出显示提示文字

<!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>文本框点击时文字消失，失去焦点时文字出现练习 by 阿会楠</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>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。