表格表单html

最新推荐文章于 2024-09-15 10:24:49 发布

Mosteropg

最新推荐文章于 2024-09-15 10:24:49 发布

阅读量42

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_74751678/article/details/131605951

版权

这是一个HTML页面，包含一个用于注册的表单，收集用户的性别、生日、地区、婚姻状况、学历和喜欢的类型等信息，以及一个自我介绍的文本区域，用户需同意注册条款才能提交。页面还提及了注册者的承诺，如年龄、单身状态和寻找伴侣的诚意。

摘要由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>
    <h2>青春不常在，抓紧谈恋爱</h2>
    <form action="#">
        性别&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
        <input type="radio" name="gender" value="nan">男
        <input type="radio" name="gender" value="nv">女<br />
        生日&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
        <select name="jiguan" >
            <option value="--请选择年--">--请选择年--</option>
            <option value="--请选择年--">2023</option>
            <option value="--请选择年--">2022</option>
        </select>
        <select name="jiguan" >
            <option value="--请选择月--">--请选择月--</option>
            <option value="--请选择月--">1</option>
            <option value="--请选择月--">2</option>
        </select>
        <select name="jiguan" >
            <option value="--请选择日--">--请选择日--</option>
            <option value="--请选择日--">1</option>
            <option value="--请选择日--">2</option>
        </select><br />
        所在地区&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="wd" value="北京思密达"><br />
        婚姻状况&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="gender">未婚
        <input type="radio" name="gender">已婚
        <input type="radio" name="gender">离婚<br />
        学历&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="wd" value="幼儿园"><br />
        喜欢的类型&nbsp; &nbsp;<input type="checkbox" id="wumeide"><label for="wumeide">妩媚的</label>
        <input type="checkbox" name="type" id="liulian"><label for="liulian">可爱的</label>
        <input type="checkbox" name="type" id="xiaoxianrou"><label for="xiaoxianrou">小鲜肉</label>
        <input type="checkbox" name="type" id="laolarou"><label for="laolarou">老腊肉</label>
        <input type="checkbox" name="type" id="douxihuan"><label for="douxihuan">都喜欢</label><br />
        <p>自我介绍&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;<textarea cols="16" rows="3">自我介绍</textarea></p>
        &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button>免费注册</button><br />
        &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="gender">我同意注册条款和会员加入标准<br />
        &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://www.baidu.com/" >我是会员，立即登录</a>
    </form>
    <h2>我承诺</h2>
    <ul type="disc">
            <li>年满18岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
    </ul>
    
    
</body>
</html>