码迷,mamicode.com
首页 > 其他好文 > 详细

发布信息时控件显示的默认提示值

时间:2015-05-16 14:48:02      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

<div id="wrapper">
	<!--网页的顶部-->
	<div id="header">
	<h1>网站后台管理系统</h1>
	</div>
	<!--网页的内容区-->
	<div id="main">
		<div id="left">
		
		</div>
		<div id="right">
			<div id="mydivform">
			<form action="infodeal.php" method="post">
			<div id="con_title">
			<input type="text" name="ntitle" value="请输入标题" class="font_color" id="ititle"/>
			</div>
			<div id="content">
			<textarea class="font_color" name="ncontent" cols="10" rows="5" id="icontent">请输入内容</textarea>
			</div>
			
			
			<input type="submit" name="nbtn" id="ibtn" class="cbtn" value="发布信息" />
			</form>
			</div>
		</div>
	</div>
	<!--网页的底部-->
	<div id="footer">
	</div>
</div>
</body>
<script>
$(document).ready(function(e) {
//	var con_title;
//	var ccc_open=true;
//	var con_content;
	$("#ititle").click(function(){
		if(($("#ititle").val()) == "请输入标题"){
			$("#ititle").val("");
		}
		$("#ititle").css({"color":"black"});
	});
//	$("#ititle").change(function(){
//		con_title=$("#ititle").val();
//	});
	$("#ititle").blur(function(){
//		if(($("#ititle").val())==""){
//			$("#ititle").val("请输入标题");
//			$("#ititle").css({"color":"#ccc"});
//		}
		if($("#ititle").val()=="" ){
			$("#ititle").css({"color":"#ccc"});	
			$("#ititle").val("请输入标题");
		}
//		$("#ititle").css({"color":"black"});
	});
	
	/*内容区*/
	$("#icontent").click(function(){
	//	$("#icontent").val("");
//		$("#icontent").css({"color":"black"});
		if(($("#icontent").val()) == "请输入内容"){
			$("#icontent").val("");
			
		}
		$("#icontent").css({"color":"black"});
//		alert("text");
	});
	//$("#icontent").change(function(){
//		con_content=$("#icontent").val();
//	});
	$("#icontent").blur(function(){
		//$("#icontent").val("请输入内容");
//		$("#icontent").css({"color":"#ccc"});
		if($("#icontent").val()=="" ){
			$("#icontent").css({"color":"#ccc"});	
			$("#icontent").val("请输入内容");
		}
	});
	
});

</script>


精心才想出来的,测试运行OK。

发布信息时控件显示的默认提示值

标签:

原文地址:http://www.cnblogs.com/wgphp/p/4507788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!