首页 > Web开发 > 详细

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

时间:2015-06-11 19:34:26      阅读:273      评论:0      收藏:0      [点我收藏+]

如题,前端页面的 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 .

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

原文:http://blog.csdn.net/u011704894/article/details/46458881

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!