用JS实现TextArea水印的效果

 

以下代码可直接运行

 

<script language="javascript" >

function clickruncode(){
  if(document.getElementById("runcode0").value=='请在此帖入代码')
     document.getElementById("runcode0").value='';
  }

function blurruncode()
{
  if(document.getElementById("runcode0").value=='')
      document.getElementById("runcode0").value='请在此帖入代码';
}

</script>

 <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:8px">
     <tr>
      <td>
       <textarea name="textcode" id="runcode0" cols="37" rows="12" onblur="blurruncode()" onclick="clickruncode()">请在此帖入代码</textarea>
      </td>
     
    </tr>
   
   </table>