【前端JS】input textarea 默认文字，点击消失

如题，前端页面的 input textarea 有时候需要显示默认文字以提示用户，，以下为实现代码，以 input 为例，textarea 可以直接搬用

HTML

<input type="text" id="content" name="content" value="请输入内容"/>CSS

<style type="text/css">#content{color:#ccc; }</style>JavaScript

<script>$("#content").focus(function(){if(this.value == this.defaultValue) {this.value='';$(this).css('color','#000');}});$("#content").blur(function(){if(this.value == '') {this.value=this.defaultValue;$(this).css('color','#ccc');}});});</script>

End .

相反，某天也许你会忽然发现，心早已沦陷。