快用这个去表白吧咳咳

最新推荐文章于 2025-12-05 16:05:23 发布
原创 最新推荐文章于 2025-12-05 16:05:23 发布 · 385 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #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>

    <table width="600" align="center">

        <tr>

            <td>性别</td>

            <td>

                <input type="radio" name="sex" id="nan"> <label for="nan"><img src="images/man.jpg"> 男</label>

                <input type="radio" name="sex" id="nu"> <label for="nu"><img src="images/women.jpg"> 女</label>

            </td>

        </tr>

        <tr>

            <td>生日</td>

            <td>

                <select>

                    <option>--请选择年份--</option>

                    <option>2022</option>

                    <option>2023</option>

                    <option>2024</option>


 

                </select>

            </td>

            <td>

                <select>

                    <option>--请选择月份份--</option>

                    <option>一月</option>

                    <option>二月</option>

                    <option>三月</option>


 

                </select>

            </td>

            <td>

                <select>

                    <option>--请选择日--</option>

                    <option>1</option>

                    <option>2</option>

                    <option>3</option>


 

                </select>

            </td>

        </tr>

        <tr>

            <td>所在地区</td>

            <td>

                <select>

                    <option>--选择地区--</option>

                    <option>湖南</option>

                    <option>广东</option>

                    <option>贵州</option>

                </select>

            </td>

        </tr>

        <tr>

            <td>婚姻状况</td>

            <td>

                <input type="radio" name="marry"> 未婚

                <input type="radio" name="marry"> 已婚

                <input type="radio" name="marry"> 离婚

            </td>

        </tr>

        <tr>

            <td>学历</td>

            <td><input type="text" value="大专"></td>

        </tr>

        <tr>

            <td>喜欢的类型</td>

            <td> <input type="checkbox" name="love">可爱的</td>

            <td> <input type="checkbox" name="love">纯情的</td>

            <td> <input type="checkbox" name="love">专一的</td>

            <td> <input type="checkbox" name="love">舔狗的</td>

            <td> <input type="checkbox" name="love" checked="checked">都喜欢</td>

        </tr>

        <tr>

            <td>个人介绍</td>

            <td><textarea>自我介绍</textarea></td>

        </tr>

        <tr>

            <td></td>

            <td><input type="submit" value="免费注册" </td>

        </tr>

        <tr>

            <td></td>

            <td><input type="checkbox">我同意注册条款和会员加入标准</td>

        </tr>

        <tr>

            <td></td>

            <td><a href="#">我是会员，立即登录</a></td>

        </tr>

        <tr>

            <td>

                <h3>我承诺</h3>

                <ul>

                    <li>年满18岁，单身</li>

                    <li>抱着严肃的态度</li>

                    <li>真诚寻找另一半</li>

                </ul>

            </td>

        </tr>

    </table>



 

</body>

</html>

程序猫..
关注
【机器人】用Python做一个 “人工智能（障）”机器人 ——不过真的是人工智能吗(2)
2301_76348171的博客
04-22 1071
外链图片转存中…(img-h06NRuwb-1713725615460)][外链图片转存中…(img-lddBdYJW-1713725615461)]
vbs也能写爬虫？亲测速度比python快！
qq_46229050的博客
04-23 5312
(゜-゜)つロ~客官不要走吖 序言         网络爬虫是当前编程领域的一个热点，图片、视频、小说……无所不能爬，有些公司甚至将网络爬虫当作一种商业手段来获取竞争对手的某些资料。对于喜欢二次元的程序员，写一个爬虫爬取自己喜爱的图片无疑是一件快乐的事情。     &nb...
表白小游戏教程：制作一个小游戏送给喜欢的TA（不会编程也能学会哦）
炭烧生蚝的博客
07-14 2210
大家好哇~ 欢迎翻开波波和阿菌的长篇故事~不过捏，今天我们不讲故事，今天将由阿菌和大家分享一个小教程：教大家制作一个小游戏，可以用来送给喜欢的人。无须任何计算机专业基础，只要能操作电脑，并在初一的数学课上没有睡觉（其实也没事），就能学会哦~本教程除了图文外，还配套有更详细的免费视频教程，阿菌从零开始动手做一次给大家看，大家跟着做一次就能学会啦。（本门教程面向不会编程的纯小白开设，有编程基础的同学可以考虑学个创意哦）视频地址如下（也可以通过文末阅读原文按钮跳转）：https://www.bilibi
如何用python给女神写一封照片情书？亲测表白率100%~
m0_67575344的博客
11-09 5293
有人问我怎么追到我女神的.....教程来噜~ 别说我有好东西没发嗷~
c语言小兔子原来有1个萝卜,小兔子和小狐狸的100个睡前晚安小故事
weixin_39842475的博客
05-22 3168
小兔子和小狐狸的睡前故事，小兔子的甜甜的小故事，100个小兔子和小狐狸的晚安小故事。小兔子和小狐狸的晚安故事合集(更新中)小兔子的睡前故事 30.喜欢就是我对你的感觉呀小兔子偷偷看了书，书上说，女孩儿在这段时间都会经历这个心情。这个心情，叫做喜欢。可是书上说的太晦涩了，一点都不简洁明了。书上说，喜欢就像是烟火升空，会在心里每一个地方，都绽放一朵小小的烟花，在心里噼里啪啦的炸开。所以小兔子还是没弄懂...
OSChina 娱乐弹弹弹——我爱这个 V587 的秋天
weixin_34096182的博客
11-04 319
2019独角兽企业重金招聘Python工程师标准>>> ...
一年中最后一个月的最后一天说说_一年最后一天的说说
weixin_39713538的博客
12-22 597
一年最后一天的说说随着社交网络和信息技术的迅猛发展，越来越多人青睐于在社交平台上发表说说，用以记录每天的生活，写作和思考。那么什么样的说说才不会千篇一律呢？以下是小编收集整理的一年最后一天的说说，希望能够帮助到大家。一年最后一天的说说11、最后一天，20xx年就结束了。20xx你有什么期待，大家都说说吧。2、20xx年就要结束了，莫名有些小伤感！所以还是忍不住想对你碎碎念～～3、20xx年要结束了...
C/C++实现跨年表白烟花
awofe的博客
01-14 9120
学习这段代码可以做什么呢？过年了是吧，没和女神一起放烟花吧，大家学计算机的同学，周围都是 ==“程序媛”== 吧，把你的代码一分享，顺便装个*是吧，哥们/姐们，有啥不会的问我（可恶，被你装到了），或者发给爸爸妈妈，告诉他们，我在学校没有==摆==，学费交的值啊（咳咳，dddd），同时也练习了c语言，一箭N雕啊哥们！！！快学起来
【转载】如何用python给女神写一封照片情书？亲测表白率100%~
weixin_54606435的博客
11-15 340
版权声明：本文为优快云博主「小熊猫爱恰饭」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。#把img_samll 黏贴在 img.jpg图片的 的20x20的位置。运行代码，可以看到，在默认路径自动创建一张img.jpg图片。先创建基本的信息：文案内容，像素尺寸，字体类型，图片路径；把图片无限放大，就会看到一个个小方格，这就是像素。对文章有问题的，或者有其他关于python的问题，我这里显示的字是竖的，因为我的图片是长比宽大，放大版的，还可以放大，我就不放到最大了。
微服务配置中心， 这个方案 Go 里用起来不输 SpringCloud
AS011x的博客
09-08 329
聊到 Go 项目的配置和配置中心，我见过的几十个项目里，是的，前几年待过的两个拿融资多的创业公司里，项目就是很多，不停地尝试各种方向的业务，不然投资人那不好说啊，咳咳。主要是我也没从头用过，以前用的项目架子里是别人搭好的，哈哈～，不过你们面试的时候可别这么说大实话，今天看完我的文章，至少配置中心这块的架构选型，我是可以吹吹的，你们呢？但是呢，经过我的试验，发现官网的给的例子有BUG，从 ETCD 上根本读不了配置，更别提热更新了，这点我们先按下不表，我先给大家介绍下 Viper 的基本使用。
【STM32F103笔记】8、数据采集之ADC——做个数字电压表吧
01-06
咳咳，这一篇来玩一下STM32的ADC（Analog to Digital Converter），也就是可以把输入的模拟量转换为数字量，这样就可以做个电压表了，再加上一些辅助电路，就能够自己做一个万用表了，非常完美。（嗯，这篇我们只做...
第一个mpvue小程序开发完了，来总结下吧
03-29
历经了接近两个月的摸索滚爬，抓头吃瓜，各种优化（单押X3），我主导开发的第一个小程序终于要上线了（SKR SKR！）！当然首先要感谢老板没有杀了我——因为在6月初我刚拿到小程序PRD的时候老板问我多久可以做好，我...
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
m0_61998604的博客
12-04 1125
本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 874
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）
HIT_Weston的博客
12-04 1319
本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git
深度解析前端input标签：从默认样式覆盖到浏览器自动填充和兼容以及文本域
鹏多多的博客
12-03 1004
HTML表单中的<input>标签是核心交互元素，支持多种输入类型（如文本、密码、单选、文件上传等），通过type属性定义不同功能。其核心属性包括数据标识（name/id）、状态控制（disabled/readonly）、验证限制（pattern/maxlength）和交互优化（autofocus/autocomplete）。浏览器默认样式存在兼容性问题，可通过CSS重置实现统一外观，特别是对单选/复选框需要特殊样式覆盖处理。自动填充功能基于name属性和表单上下文触发，可通过autocompl
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 1210
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
前端仿真驱动创新：西门子FLOEFD的行业价值与应用指南
anscos的博客
12-05 1201
西门子Simcenter FLOEFD作为嵌入CAD的CFD解决方案，精准击中了现代研发“高效迭代、精准预判”的核心需求，其技术革新与应用实践为多行业带来了研发模式的重构，成为高端装备设计不可或缺的核心工具。西门子FLOEFD以“CAD原生、智能高效、多场协同”为核心，打破了设计与仿真的壁垒，尤其适配新能源、电子、增材制造等快速迭代的行业。其价值不仅在于缩短研发周期、降低试验成本，更在于推动工程师将“仿真思维”融入设计全流程，实现从“经验驱动”到“数据驱动”的转型。
多层环形图，自定义tooltip
最新发布
好记性，不如烂键盘。
12-05 597
多层环形图，自定义tooltip。
咳咳，我想看看.format的格式
04-25
您好！关于.format()格式化字符串的使用，可以参考以下示范： ```python # 示例一 name = "张三" age = 23 print("我的名字是{}, 年龄是{}".format(name, age)) # 示例二 name = "李四" ...print("我的名字是{0}, ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值