<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。
时间: 2024-10-12 15:55:49