<!DOCTYPE html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input id="box" type="text" value="请输入Email"/>
<script type="text/javascript">
var input1=document.getElementById("box");
input1.onfocus=function(){
if(input1.value=="请输入Email"){
input1.value="";
}
}
input1.onblur=function(){
if(input1.value==""){
input1.value="请输入Email";
}
}
</script>
</body>
</html>
在input元素中，默认为Email，当focus并键入字符时，'Email'字符消失，当删除字符至空时，‘Email‘字符又再次显示。
原文：http://www.cnblogs.com/jiangwenli/p/4930608.html