类似MSN签名档

<script type="text/javascript">
function focus(){
var text=document.getElementById("text");
text.onfocus=function(){
   text.className="focus";
}
text.onblur=function(){
   if (text.value==""){
    text.value="纯属瞎扯淡"
   }
   text.className="";
   }
}
window.onload=focus;
</script>

 

<style type="text/css">
input {border:1px solid #fff; font-size:14px; width:20em;}
.focus {border:1px solid #333; font-size:12px; line-height:14px; width:20em;}
label {vertical-align:middle;}
</style>

  

 

<input id="text" type="text" maxlength="20" value="纯属瞎扯淡" />