js简单模拟div注册登录功能

 <style type="text/css">
        #divadd
        {
            border:1px solid#0094ff;
            background-color:#0094ff;
            height:200px;
            position:absolute;
            right:40%;
            bottom:40%;
            text-align:center;
            display:none;
        }
    </style>
    <script type="text/javascript">
        function gel(id){return document.getElementById(id);}
        window.onload = function () {
            gel("bntAdd").onclick = function () {
                gel("divadd").style.display = "block";
            }
            gel("bntoff").onclick = function () {
                gel("divadd").style.display = "none";
            }
        }
    </script>
</head>
<body>
   <table>
       <tr><td><input type="button" value="显示注册" id="bntAdd"/></td></tr>
   </table>
    <div id="divadd" style="width:300px"><br /> <a>注册号:</a><input type="text"/>
        <br/><br/><a> 密码:</a><input type="text"/><br />
        <input type="button" id="bntoff" value="提交"/><input type="button" value="取消"/>
    </div>
</body>

posted @   逊老头  阅读(272)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示