非常常见的效果，常见于搜索框，原来里面写着“请输入关键词”，输入点击后里面的文本小时，鼠标再离开，文本恢复，如果用户输入了搜索关键词，则保持不变。
第一步：
在<body>区需要显示输入框的地方添加输入框HTML代码
<input type="text" value="请输入您的姓名" id="myinput" />
第二步：
在 <body>区输入框代码之后添加脚本定义
<script language="JavaScript" type="text/javascript">
/*****************************************************
* Share JavaScript (http://www.ShareJS.com)
* 使用此脚本程序，请保留此声明
* 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
******************************************************/
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>
第二步中定义了文本输入框的监听事件，监听输入框的点击事件，当鼠标点击时会触发。
文本框的ID必须与JavaScript中的对应
