第二天作业

最新推荐文章于 2024-03-29 16:04:34 发布

tan &

最新推荐文章于 2024-03-29 16:04:34 发布

阅读量63

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/m0_74747565/article/details/131603365

版权

这是一个HTML代码示例，展示了一个用于在线交友平台的注册表单，用户需要填写性别、生日、所在区域、婚姻状况、学历，选择喜欢的类型，并提供自我介绍。用户还需同意注册条款和会员加入标准，可以选择已有会员身份进行登录。表单强调用户需年满18岁，以严肃的态度寻找另一半。

摘要由CSDN通过智能技术生成

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="#">
    <div><strong>青春不常在，抓紧谈恋爱</strong></div><br>
    <div>
        性别 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" value="nan" name="gender">♂男
                                            <input type="radio" value="nv" name="gender">♀女
    </div>
    <div>
        生日 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select name="--请选择年--" aria-placeholder="--请选择年--">
        <option value="--请选择年--">--请选择年--</option>
        <option value="2000">2000</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
    </select>
    <select name="--请选择月--" aria-placeholder="--请选择月--">
            <option value="--请选择月--">--请选择月--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
    </select>
    <select name="--请选择日--" placeholder="--请选择日--">
            <option value="--请选择日--">--请选择日--</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
    </select>
    </div>
    所在区域 &nbsp;&nbsp;
    <input type="text"width="20px" height="60px">
    </div>
    <div>
    婚姻状况 &nbsp;<input type="radio" value="未婚" name="hunyin">未婚
    <input type="radio" value="已婚" name="hunyin">已婚
    <input type="radio" value="离婚" name="hunyin">离婚
    </div>
    <div>
        学历 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="text"width="20px" height="60px">
    </div>
    <div>喜欢的类型
        <input type="checkbox" name="类型">妩媚的
        <input type="checkbox" name="类型">可爱的
        <input type="checkbox" name="类型">小鲜肉
        <input type="checkbox" name="类型">老腊肉
        <input type="checkbox" name="类型">都喜欢
    </div>
    <div>
        自我介绍&nbsp;&nbsp;&nbsp;
        <textarea cols="20" rows="10"></textarea><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;
        <button>免费注册</button>
    </div>
    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;
        <input type="checkbox" name="选择">我同意注册条款和会员加入标准
    </div>
    <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;
        <a href="#">我是会员，立即登录</a>
    </div><br>
    <div>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;
        <strong>我承诺</strong>
        <ul>
            
            <li>年满18岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
    </div>

    </form>
</body>
</html>

结果