html登录注册

<!DOCTYPE>
<head></head>
<body>
    用户名<input type="text"/><br>
    <a href=" https://b23.tv/K3hYA2E"><button type="reset" min="2" max="10">登录</button></a>
</body>
</!DOCTYPE>


<!DOCTYPE>
<head></head>
<body>
    用户名<input type="text"/><br>
    <a href="https://www.bilibili.com/video/BV1KB4y1Z7By/?share_source=copy_web"><button type="reset" min="2" max="10">登录</button></a>
</body>
</!DOCTYPE>
<!DOCTYPE>
<head></head>
<body>
    用户名<input type="text"/><br>
    <a href=" https://b23.tv/LsLtXoM"><button type="reset" min="2" max="10">登录</button></a>
</body>
</!DOCTYPE>
    <!DOCTYPE>
    <head></head>
    <body>
        用户名<input type="text"/><br>
        <a href="https://b23.tv/gIorhCf"><button type="reset" min="2" max="10">登录</button></a>
    </body>
    </!DOCTYPE>
        <!DOCTYPE>
        <head></head>
        <body>
            用户名<input type="text"/><br>
            <a href=" https://b23.tv/IK4mFgd"><button type="reset" min="2" max="10">登录</button></a>
        </body>
        </!DOCTYPE>
            <!DOCTYPE>
            <head></head>
            <body>
                用户名<input type="text"/><br>
                <a href="https://b23.tv/75OxlVI"><button type="reset" min="2" max="10">注册</button></a>
            </body>
            </!DOCTYPE>
                <!DOCTYPE>
                <head></head>
                <body>
                    用户名<input type="text"/><br>
                    <a href=" https://www.bilibili.com/video/BV1M84y1R7Uw/?share_source=copy_web&vd_source=d98c198079a52bfd1750674672900528"><button type="reset" min="2" max="10">注册</button></a>
                </body>
                </!DOCTYPE>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML登录注册弹框是一种常见的网页设计元素,用于在网页中实现用户登录注册功能。通常,登录注册弹框由一个弹出窗口组成,包含输入框和按钮等元素,用户可以在其中输入用户名、密码等信息进行登录注册操作。 以下是一个简单的HTML登录注册弹框的示例代码: ```html <!DOCTYPE html> <html> <head> <title>Login/Register Popup</title> <style> /* 弹框样式 */ .popup { display: none; /* 默认隐藏 */ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; padding: 20px; background-color: #f1f1f1; border: 1px solid #ccc; } /* 输入框样式 */ .popup input { width: 100%; padding: 10px; margin-bottom: 10px; } /* 按钮样式 */ .popup button { width: 100%; padding: 10px; background-color: #4CAF50; color: white; border: none; } </style> </head> <body> <!-- 登录按钮 --> <button onclick="showPopup('login')">Login</button> <!-- 注册按钮 --> <button onclick="showPopup('register')">Register</button> <!-- 登录弹框 --> <div id="loginPopup" class="popup"> <h2>Login</h2> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button>Login</button> </div> <!-- 注册弹框 --> <div id="registerPopup" class="popup"> <h2>Register</h2> <input type="text" placeholder="Username"> <input type="password" placeholder="Password"> <button>Register</button> </div> <script> // 显示弹框 function showPopup(popupId) { var popup = document.getElementById(popupId + "Popup"); popup.style.display = "block"; } </script> </body> </html> ``` 上述代码中,通过HTML和CSS定义了一个登录注册弹框的样式,使用JavaScript实现了点击按钮显示对应的弹框功能。用户可以在弹框中输入用户名、密码等信息,并点击登录注册按钮进行相应操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值