启航作业：注册页面

最新推荐文章于 2024-07-25 11:52:08 发布

POE丶

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量23

点赞数

文章标签： html javascript css

本文链接：https://blog.csdn.net/asdkhalkjan/article/details/130773971

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .container {
        width: 700px;
        height: 700px;
    }
</style>
<body>
<div class="container" style="margin:auto">
    <h1>管他在不在，我不谈恋爱</h1>
    <div>

        <span>性别</span> 男<input type="radio" name="sex"> 女<input type="radio" name="sex">
    </div>
    <div>
        <span>生日</span><input type="date">
    </div>
    <div>
        所在地区 <input type="text">
    </div>
    <div>
        <span>婚姻情况</span>
        <span style="margin: 5px">
        已婚<input type="radio" name="hunyin">
        未婚<input type="radio" name="hunyin">
        离婚<input type="radio" name="hunyin">
        </span>
    </div>
    <div>
        <span>喜欢的类型</span>
        <span style="margin: 5px">
            不喜欢<input type="checkbox" name="love">
            不喜欢<input type="checkbox" name="love">
            不喜欢<input type="checkbox" name="love">
            不喜欢<input type="checkbox" name="love">
            下次一定喜欢<input type="checkbox" name="love">
        </span>
    </div>
    <div>
        自我介绍 <input type="text" style="height: 120px">
        <div>
            <button type="submit">注册</button>
        </div>
        <div>
            <input type="checkbox" name="agree" style="margin-top: 20px">
            我同意注册条款与会员加入标准
        </div>


    </div>
    <div>
        <h1>我承诺</h1>
        <div>
            <ol>
                <li style="color: #8a6d3b">年满18岁，单身</li>
                <li style="color: #8a6d3b">抱着真诚的态度</li>
                <li style="color: #8a6d3b">加入单身协会一辈子</li>

            </ol>
        </div>
    </div>

</div>
</body>
</html>