弹出层输入框 js

ye344638509 2011-06-08 05:10:16

点击弹出层后弹出一个层，在这个层中有一个客户端输入框，该输入框的值默认为“请输入姓名” ，点击该输入框后，输入框的值为空。就可以输入姓名了。如果输入框的值为空时，点击输入框后，输入框的值为“请输入姓名” js做。这该怎么实现。谢谢

...全文

333 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

子夜__ 2011-06-08

打赏
举报

弹出层

QQlvbo 2011-06-08

打赏
举报

自己写一个div控制一下



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title></title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

    <script type="text/javascript">

        $(function() {

            $("#btnClose").click(function() {

                $("#BgDiv").css("display", "none");

                $("#DialogDiv").css("display", "none");

            });

            $("#btnCancel").click(function() {

                $("#BgDiv").css("display", "none");

                $("#DialogDiv").css("display", "none");

            });

            $("#btnTest").click(function() {

                $("#BgDiv").css({ display: "block", height: $(document).height() });

                var yscroll = document.documentElement.scrollTop;

                $("#DialogDiv").css("top", "100px").css("display", "block");

            });

        })

    </script>

    <style type="text/css">

        body,h2{margin:0 ; padding:0;}

#BgDiv{background-color:#e3e3e3; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

#DialogDiv{position:absolute;width:400px; left:50%; top:50%; margin-left:-200px; height:auto; z-index:100;background-color:#fff; border:1px #8FA4F5 solid; padding:1px;}

#DialogDiv h2{ height:25px; font-size:14px; background-color:#8FA4F5; position:relative; padding-left:10px; line-height:25px;}

#DialogDiv h2 a{position:absolute; right:5px; font-size:12px; color:#000000}

#DialogDiv .form{padding:10px;}

    </style>

</head>

<body>

<input type="button" id="btnTest" value="点击我" />

    <div id="BgDiv"></div>

<div id="DialogDiv" style="display:none">

<h2>弹出层<a href="#" id="btnClose">关闭</a></h2>

    <div class="form">

    <input type="text" id="txtTest" onclick="this.value='';" onblur="if(this.value='')this.value='请输入姓名';" value="请输入姓名" />

           

        <input type="button" value="取消" id="btnCancel" />

    </div>

</div>

</body>

</html>