JS 一个简单的登录框

最新推荐文章于 2024-03-12 16:58:51 发布
最新推荐文章于 2024-03-12 16:58:51 发布
阅读量204 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BowenXu11/article/details/105412388
版权
本文将介绍如何使用JavaScript创建一个基本的登录表单。通过理解DOM操作和事件监听，你可以轻松实现用户输入验证和交互效果。跟着步骤，你将学会如何动态显示和隐藏登录框，以及检查用户名和密码的有效性。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #logIn {
            width: 400px;
            height: 400px;
            position: fixed; /*absolute*/
            left:0;right:0;
            margin: 200px auto;
            background-color: aliceblue;
        }
        .title{
            line-height:80px;
            padding:0;
            text-align:center;
        }
        .input_div{
            line-height:50px;
            padding-left:40px;
            background-color:aqua;
            margin-bottom:3px;

        }
        .input_div_text{
            float:left;
           
            width:100px;
            line-height:45px;
        }
        .input_div_input {
            float:left;
           
            width: 250px;
            line-height: 45px;
        }
        .closeBtn{
            float:right;
            padding-right:5px;
        }
    </style>
    <script type="text/javascript">
        window.onload = function () {
            this.document.getElementById('btnLOGIN').onclick = function () {
               document.getElementById('logIn').style.display = 'block';

            };
            this.document.getElementById('closeBtn').onclick = function () {
                document.getElementById('logIn').style.display = 'none';
            };
        };

    </script>

</head>
<body>
    <div id="logIn" style="display:none">
        <div class="closeBtn"><a id="closeBtn">X</a></div>
        <div class="title"><h3>登录</h3></div>
        <div class="input_div">
            <div class="input_div_text">User_ID:</div>
            <div class="input_div_input"> <input type="text" name="name" value="" id="text_userId" /></div>
           </div>
        <div class="input_div">
            <div class="input_div_text">PassWord:</div>
            <div class="input_div_input"><input type="text" name="name" value="" id="text_pwd" /></div>
        </div>
        <div class="title">
            <input type="button" name="name" value="登录" id="btnEnter"/>
            <input type="button" name="name" value="取消" id="btnCancl"/>
        </div>




    </div>
    <input type="button" name="name" value="登录"  id="btnLOGIN"/>
    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;
    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;
    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;
    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;

    当一个div如果在脱离文档流的情况下(就是在absolute,fixed..),如果想让这个div左右居中或者是上下居中.例如:左右居中:可以使left:0;和right:0;然后在设置margin:0 auto;上下居中也是同理;


</body>
</html>
BowenXu11
关注
专栏目录
JS登录界面
m0_58857666的博客
06-10 635
<html> <head> <style type="text/css"> .box1 { border: 2000px; height: 1125px; background-image:url("bg.jpg") } .box2 { width:600px; height: 600px; border: 2px dashed blue; margin: -850px .
js实现一个简单登陆框
scyuo的专栏
06-24 607
   left        http://schemas.microsoft.com/intellisense/ie5">         function check(){                        var user=document.getElementById("txtUser");           var pass=document.getElementById(
js简单的登录框验证
qq_45448359的博客
02-09 365
初学正则 写了个登录框的验证 先看效果 user.oninput = function (){ //获取用户名 if( user.value.length > 0 ){ //显示删除按钮 delIcon.style.display = "block"; }else{ //隐藏删除按钮 delIc...
js登录弹出层 登录框特效
baishuo678的专栏
03-07 1623
js登录弹出层 登录框特效 body{background-color: #fff;} html, body{height: 100%;} html body{font: 12px Arial, Helvetica, sans-serif;color: #333333} html>body{font: 12px Arial, Helvetica, sans-serif;color: #333
js逐步实现原生模态登录框（css逻辑 js逻辑）
qq_37805832的博客
10-18 976
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https:/
【网页设计作业】设计一个登录框密码框简单样式
04-05
以下是设计一个登录框和密码框的简单步骤： 创建一个HTML文件，并在其顶部添加和标记。 在标记中创建一个元素，用于包含登录表单中的各种输入字段和按钮。 在元素内创建用户名和密码输入框。可以使用标记为两个...
使用原生js编写一个简单的框选功能方法
10-17
在本文中，我们将探讨如何使用原生JavaScript实现一个简单的框选功能。这个功能允许用户通过鼠标左键拖动创建一个矩形选区，并在松开鼠标时计算选区内的DOM元素。首先，我们需要理解实现这一功能所涉及的关键步骤。 ...
Sky.Class.js:一个简单的 JavaScript 单继承框架
05-31
这是一个简单的单一（原型）继承javascript框架，您可以使用该框架在运行时动态生成类。 用法 使用起来真的很简单，只需添加 Sky.Class.min.js 文件引用，然后像这样使用： var cls = new Class ( /*parentClass,...
通过html+css+js制作一个简单的登录页面
09-26
这是通过html+css+js制作的一个简单的登录页面。 适合想学习前端开发的小白。 可以抖音搜索“汤圆的家”，抖音号为122355808，去观看教学视频。 也可以在哔哩哔哩搜索“web-lyh”观看教学视频。
使用Vue.js和Element-UI做一个简单登录页面的实例
10-18
在文章中，作者通过编写HTML、CSS和JavaScript代码，利用Vue.js和Element-UI共同搭建了一个登录页面。页面主要由三部分组成：用户名输入框、密码输入框以及登录按钮。其中用户名和密码输入框使用了Element-UI的`...
JavaScript注册登录
12-16
JavaScript注册登录界面
JavaScript实现登录框拖拽
atszu的博客
01-18 407
DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> title>拖拽t
通过Javascript实现点击链接出现登录框，并可以拖拽关闭的效果
小杨的博客
07-14 1236
Javascript实现登录框拖拽效果 本文实例为大家分享了Javascript实现登录框拖拽效果的具体代码，供大家参考，具体内容如下 需求分析 1、点击弹出登录框 2、在登录框的特定区域可用JS实现点击登录后弹出登录框，点击页面后登录框消失的效果实现效果理论基础1.事件冒泡2.举例说明取消冒泡事件执行太快无法显示时需要取消冒泡 一个小小的拖拽登录框，涉及的地方还挺多的。主要在于： 元素的正确获取 把一个大的程序，分步骤来做，一个一个完成 对于拖拽效果，我只需要摁住title框，也就是mousedown..
初学Javascript，写一个简易的登陆框
weixin_30781775的博客
07-30 123
<!--下面是源代码--><!DOCTYPE html> <html> <head> <meta charset = "utf-8"> </head> <!--<script type = "text/javascript" src = "test.js"> --> <!-- &l...
原生JS实现可拖拽登录框
越陌度阡
07-28 623
分享一个用原生JS实现的可拖拽登录框，效果如下： 实现的代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS实现可拖拽登录框&l.........
【JavaScript练习一】登录页面显示隐藏密码
最新发布
zyh0815的博客
03-12 1454
点击一次eye图标，当flag=0时，输入框类型为文本框，图标为显示.png；然后把1赋值给flag，输入框类型为密码框，图标为隐藏密码.png，然后把0赋值给flag，进入循环。此行代码的作用是在当前作用域中创建一个名为flag的变量，并将其初始化为数值0，然后可以通过改变flag的值0，1来表示。/* 去除游览器默认的密码显示图标 */"./images/隐藏密码.png""./images/显示.png"// 点击一次后 flag变化。// 注册事件 处理程序。
JavaScript----点击按钮弹出登录框以及拖拽效果练习
鹿蹊zz的博客
07-04 3480
目录一、练习要求：二、效果图三、需求分析：四、拖拽原理： 五、代码如下： CSS部分 html JS 六、演示效果： 点击登录注册，弹出登陆窗口，且该窗口可以关闭，可以拖拽，在弹出窗口的同时，整个页面变成灰色半透明。如下：图1是起始页面，图2是点击“点击，弹出登陆框”按钮后页面，图3是登陆框自由拖动后页面。图1 图2　 图3 1.让整个页面变成灰色半透明，需要使用div对整个屏幕进行覆盖，这个div称为覆盖层。 2.点击按钮的时候，弹
javascript如何弹出一个div登录框
热门推荐
Jack Blog
01-02 1万+
javascript如何弹出一个div登录框
js 弹窗和登录框
weixin_34253126的博客
01-24 923
一、css+js简单弹窗： 当鼠标放在上方登录时，弹出下方黑色方框： <!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script type="text/javascript"></scri...
使用bootstrap框架写一个简单的登录界面
04-20
你可以在HTML中引入Bootstrap的CSS和JS，然后用Bootstrap提供的样式和组件来设计一个简单的登录界面。以下是一个简单的例子： ``` <!DOCTYPE html> <title>Login Page <!-- 导入Bootstrap的CSS --> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值