作业二：百度注册页面

最新推荐文章于 2024-09-23 18:40:37 发布

奋斗在阿尔卑斯的皮卡丘

最新推荐文章于 2024-09-23 18:40:37 发布

阅读量1.5k

点赞数 2

分类专栏： web前端文章标签： web前端

本文链接：https://blog.csdn.net/qq_37289115/article/details/88796745

版权

web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

作业二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div img{
            width: 135px;
            vertical-align: -11px;
        }
        form input{
            width: 400px;
            height: 30px;
        }

        .box{
            width: 198px;
        }

        .wrap{
            height: 35px;
        }
        input[type=checkbox]{
            width: 15px;
            height: 15px;
            vertical-align: -2px;
        }
        .box1 a{
            font-size: 12px;
        }
        input[type=submit]{
            background: dodgerblue;
        }
        a{
            /*去下划线*/
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div>
        <a href="http://www.baidu.com"><img src="https://www.baidu.com/img/bd_logo1.png" alt=""></a>
        <span>| 注册百度账号</span>
    </div>
    <form action="">
        <p>用户名 <input type="text" name="user" placeholder="请设置用户名"></p>
        <p>手机号 <input type="text" name="phone" placeholder="可用于登录和找回密码"></p>
        <p>密&emsp;码 <input type="password" name="psw" placeholder="请设置登录密码"></p>
        <p>验证码
            <input type="text" name="yanzhengma" placeholder="请输入验证码" class="box">
            <input type="button" value="获取短信验证码" class="box wrap" style="width: 195px; height: 36px;">
        </p>
        <p class="box1">&emsp;&emsp;&emsp;
            <input type="checkbox">阅读并接受<a href="">《百度用户协议》</a>及<a href="">《百度隐私保护声明》</a>
        </p>

        <p>&emsp;&emsp;
            <input type="submit" value="注册">
        </p>
    </form>
</body>
</html>

p标签下面不要写p标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p>666
        <p>888</p>
    </p>
</body>
</html>