web前端-HTML常用标签-综合案例

如图:

代码如下:

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <h3>青春不常在,抓紧谈恋爱</h3><br>
   <form action="get"><br>
   性别:女<input type="radio" name="sex" value="女"> 男<input type="radio" name="sex" value="男"><br>
   <tr>
    <td>生日:</td>
    <td>
        <select>
            <option>请选择年份</option>
            <option>2001</option>
            <option>2002</option>
            <option>2003</option>
            <option>2004</option>
        </select>
        <select>
            <option>请选择月份</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
        </select>   
    </td>
   </tr>
   <br>
   婚姻状况:未婚<input type="radio"> 已婚<input type="radio"> 离婚<input type="radio"><br>
   学历:
   <select>
    <option>幼儿园</option>
    <option>小学</option>
    <option>初中</option>
    <option>高中</option>
    <option>专科</option>
    <option>本科</option>
    <option>研究生</option>
    <option>博士生</option>
   </select><br>
   喜欢的类型:A<input type="checkbox"> B<input type="checkbox"> C<input type="checkbox"> D<input type="checkbox"> <br>
   自我介绍:
   <textarea rows="3" cols="20"></textarea><br>
   地区:
   <select>
    <option>河北</option>
    <option>山西</option>
    <option>辽宁</option>
    <option>吉林</option>
    <option>黑龙江</option>
    <option>江苏</option>
    <option>浙江</option>
    <option>安徽</option>
    <option>福建</option>
    <option>江西</option>
    <option>山东</option>
    <option>河南</option>
    <option>湖北</option>
    <option>湖南</option>
    <option>广东</option>
    <option>海南</option>
    <option>四川</option>
    <option>贵州</option>
    <option>云南</option>
    <option>陕西</option>
    <option>甘肃</option>
    <option>青海</option>
    <option>台湾</option>
    <option>内蒙古</option>
    <option>广西</option>
    <option>西藏</option>
    <option>宁夏</option>
    <option>新疆</option>
    <option>北京</option>
    <option>天津</option>
    <option>上海</option>
    <option>重庆</option>
    <option>香港</option>
    <option>澳门</option>
   </select><br>

   <button>免费注册</button><br>
   <input type="checkbox">我同意注册条款和会员加入标准<br>
   <a href="https://blog.csdn.net/2301_79188932/article/details/142093961?spm=1001.2014.3001.5501">我是会员,立即登录</a><br>

   </form>

   <h1>我承诺</h1>
   <ul>
    <li>年满十八岁 单身</li>
    <li>抱着严肃的态度</li>
    <li>真诚寻找另一半</li>
   </ul>

</body>
</html>

如图:

相关推荐
IT_陈寒36 分钟前
Python+AI实战:用LangChain构建智能问答系统的5个核心技巧
前端·人工智能·后端
袁煦丞1 小时前
MoneyPrinterTurbo一键生成短视频:cpolar内网穿透实验室第644个成功挑战
前端·程序员·远程工作
代码小学僧1 小时前
让 AI 真正帮你开发:前端 MCP 实用技巧分享
前端
晴殇i1 小时前
前端鉴权新时代:告别 localStorage,拥抱更安全的 JWT 存储方案
前端·javascript·面试
Json____1 小时前
使用node Express 框架框架开发一个前后端分离的二手交易平台项目。
java·前端·express
since �1 小时前
前端转Java,从0到1学习教程
java·前端·学习
小奋斗1 小时前
面试官:[1] == '1'和[1] == 1结果是什么?
前端·面试
萌萌哒草头将军1 小时前
尤雨溪宣布 oxfmt 即将发布!比 Prettier 快45倍 🚀🚀🚀
前端·webpack·vite
weixin_405023371 小时前
webpack 学习
前端·学习·webpack
云中雾丽1 小时前
flutter中 Future 详细介绍
前端