简单写出某du登录以及注册界面

#简单写出某du登录以及注册界面
ps:代码很乱

<!--登录界面-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
</head>

<body style="width: 800px;">
    <div style="width: 750px; 
    height: 750px; 
    border-radius: 25px;
    background-color: rgb(252, 250, 233); 
    align-self:content;  
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;">
        <h3 style="top:10px; bottom: auto; left: 20px;">账号登陆 &nbsp; &nbsp;扫码登陆</h3><br>
        <div style="width: 750px; 
        height: 600px; 
        border-radius: 25px;
        background-color: rgb(217, 249, 252); 
        align-self:content;  
        position: absolute;
        top: auto;"> 
        <form action="#" method="get">
            <br>
            <p align="center"><input type="text" placeholder="手机号/用户名/邮箱" style="width: 600px; height: 65px; font-size: 24px; top:auto; border-radius: 25px;"></p>
            <br>
            <p align="center"><input type="password" placeholder="密码" style="width: 600px; height: 65px; font-size: 24px; top:auto; border-radius: 25px;"></p>
            <div style=" position: absolute; right: 100px; color: #3e53ef; font-size: 20px; ">忘记密码?</div><br><br>
            <p align="center"><input type="submit" value="登录" style="width: 600px; height: 65px; font-size: 30px; top:30px; border-radius: 25px; background-color: #3e53ef;"></p>
            <p align="center"><font size="4px">阅读并接受 <font color="#3e53ef">百度用户协议</font><font color="#3e53ef">隐私政策</font></font></p>
            <hr></hr>
            <a href="login.html" style="position: absolute; right: 100px; color: #3e53ef; size: 24px;">立刻注册</a>
        </form>
        </div>
    </div>
</body>

</html>
<!--注册界面-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>
<body>
    <div style="width: 750px; 
    height: 750px; 
    border-radius: 25px;
    background-color: rgb(252, 250, 233); 
    align-self:content;  
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;">
        <h1 style="top:10px; bottom: auto; left: 20px; ;">欢迎注册<br>
        <h4 style="color: #929292;">已有账号 <a href="index.html" style="color: #3e53ef;">登陆</a></h4>
        </h1><br>
        <div style="width: 750px; 
        height: 600px; 
        border-radius: 25px;
        background-color: rgb(217, 249, 252); 
        align-self:content;  
        position: absolute;
        top: auto;"> 
        <form action="#" method="get">
            <table border="0px" width="600px" height="360px" align="center" cellspacing="3px">
                <tr height="50px">
                    <td>用户名</td>
                    <td colspan="2"><input type="text" placeholder="请设置用户名" style="width:95%; height:90%; font-size: 18px; border-radius: 10px;";><br></td>
                </tr>
                <tr height="50px">
                    <td>手机号 </td>
                    <td colspan="2"><input type="text" placeholder="可用于登陆和找回密码" style="width:95%; height:90%; font-size: 18px; border-radius: 10px;";></td>
                </tr>
                <tr height="50px">
                    <td>密码 </td>
                    <td colspan="2"><input type="password" placeholder="请设置登陆密码" style="width:95%; height:90%;font-size: 18px; border-radius: 10px;";></td>
                </tr>
                <tr height="50px">
                    <td>验证码</td>
                    <td><input type="text" placeholder="请输入验证码" style="width:95%; height:90%;font-size: 18px; border-radius: 10px;" ;></td>
                    <td><input type="submit" placeholder="获取验证码"  align="center" style="width:95%; height:90%; font-size: 18px; background-color: #ffffff; color: #000000; border-radius: 10px;";></td>
                </tr>
                <tr height="50px">
                    <td colspan="3" ><input type="submit" value="注册" style="width: 95%; height: 90%; font-size: 30px;  border-radius: 25px; background-color: #3e53ef;"></td>
                </tr>
            </table>
            <p align="center"><input type="checkbox" name="bool">阅读并接受<font color="#3e53ef">《百度用户协议》</font><font color="#3e53ef">《百度隐私保护声明》</font> </p>
        </form>
        </div>
    </div>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值