文本框 点击文本框中的文字消失

鼠标点击文字消失：<input name="textfield" style="color:#CCC;" type="text" value="点击文字消失" size="12" onclick="value='';focus()" onblur="if(value=='') value='点击文字消失;"/>
<br/> <br/>
鼠标点击文字选中：<input name="textfield" type="text" value="点击文字选中" size="12" onclick="focus();select()" />
<br/><br/>
<input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />

 

textarea文本框，没有value值，所以得另写：

<textarea id="comment_message" class="frame_db" onkeydown="ctrlEnter(event, 'commentsubmit_btn');" name="message" rows="5" cols="60" style="width: 380px;">快写几句您的看法吧，她需要您的鼓励，还会给您加分哟~</textarea>

 

<script type="text/javascript">
jQuery(function(){
 var areatext="快写几句您的看法吧，她需要您的鼓励，还会给您加分哟~";
 jQuery(".frame_db").click(function(){
  if(jQuery(this).text()==areatext){
  jQuery("#comment_message").text("").css("color","#666");
  }
 })
})
</script>