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>

如图:

相关推荐
KaMeidebaby1 小时前
卡梅德生物技术快报|抗体筛选:抗体筛选中的噬菌体展示四参数调优——从流程设计到数据验证
开发语言·前端·javascript
甲维斯1 小时前
Opus5.0首测,瘫坐沙发!效果,时间,token皆无敌!
前端·人工智能
LVZ1 小时前
Skill + PVM 绝了,AI 直接帮你搞定环境问题了
前端
颜进强1 小时前
从零搭建私人 RAG 知识库:让项目决策真正“可检索、可追溯”
前端·后端·ai编程
颜进强1 小时前
Embedding 模型介绍:热门模型对比与应用场景
前端·后端·ai编程
颜进强1 小时前
LanceDB 基础使用:用 TypeScript 完成第一次向量检索
前端·后端·ai编程
xyphf_和派孔明1 小时前
企业级微前端项目完整创建步骤,第二步:配置主应用
前端
默_笙1 小时前
🔑 让 AI 学会"读"网页:我用 Cheerio 爬了一篇掘金文章,然后切成小块存进了向量库
前端·javascript
颜进强1 小时前
Ollama 从入门到实践:本地模型运行、API 调用
前端·后端·ai编程
颜进强1 小时前
Embedding 基础使用:用 Ollama 和 LangChain.js 生成文本向量
前端·后端·ai编程