9 html综合案例-注册界面
9 综合案例-注册界面
一个只有html骨架的注册页面
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>注册页面</title>
</head>
<body><h4>青春抓不住，抓紧谈恋爱</h4><table width="600"><tr><td>性别：</td><td><input type="radio" name="sex" value="nan" checked="checked" id="男"><img src="man.jpg" id="男"> <label for="男"> 男</label><input type="radio" name="sex" value="nv" id="女"><img src="women.jpg" id="女"> <label for="女"> 女</label></td></tr><!-- 性别 --><tr><td>生日：</td><td><select><option>--请选择年--</option><option>1985</option><option>1986</option><option>1987</option><option>1988</option><option>1989</option><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option><option>1996</option><option>1997</option><option>1998</option><option>1999</option><option>2000</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><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>9日</option><option>10日</option><option>11日</option><option>12日</option><option>13日</option><option>14日</option><option>15日</option><option>16日</option><option>17日</option><option>18日</option><option>19日</option><option>20日</option><option>21日</option><option>22日</option><option>23日</option><option>24日</option><option>25日</option><option>26日</option><option>27日</option><option>28日</option><option>29日</option><option>30日</option><option>31日</option></select></td></tr><!-- 生日 --><tr><td>所在地区：</td><td><input type="text" name="address" value="北京思密达"></td></tr><!-- 地区 --><tr><td>婚姻状况：</td><td><input type="radio" name="marriage" value="weihun" checked="checked" id="未婚"><label for="未婚"> 未婚</label><input type="radio" name="marriage" value="yihun" id="已婚"><label for="已婚"> 已婚</label><input type="radio" name="marriage" value="lihun" id="离婚"><label for="离婚"> 离婚</label> <br></td></tr><!-- 婚姻 --><tr><td>学历：</td><td><input type="text" name="study" value="幼儿园"></td></tr><!-- 学历 --><tr><td>喜欢的类型：</td><td><input type="checkbox" name="like" id="wumei"> <label for="wumei">妩媚的</label><input type="checkbox" name="like" id="keaid"><label for="keaid">可爱的</label><input type="checkbox" name="like" id="xiaoxianrou"><label for=" xiaoxianrou">小鲜肉</label><input type="checkbox" name="like" id="laolarou"><label for="laolarou">老腊肉</label><input type="checkbox" name="like" id="douxihuan"><label for="douxihuan">都喜欢</label> <br></td></tr><!-- 喜好 --><tr><td>自我介绍：</td><td><textarea rows="3" cols="20">自我介绍</textarea></td></tr><!-- 自我介绍 --><tr><td></td><td><input type="submit" value="免费注册"> </td></tr><!--提交按钮 --><tr><td></td><td><input type="checkbox" name="xieyi" checked="checked" id="xieyi" ><label for="xieyi">我同意注册条款和会员加入标准</label><br></td></tr><tr><td> </td><td><a href="#">我是会员，立即登录</a> </td></tr><tr><td></td><td><h5>我承诺</h5><ul><li>年满18岁、单身</li><li>抱着严肃的态度</li><li>真诚寻找另一半</li></ul></td></tr></table>
</body>
</html>我的反思：
1.我一开始使用了表单标签，两边很乱，对不齐
应该使用表格标签，分成两个单元格
2.最下面我以为是自定义列表
应该是<h5> 标题+无序列表
相关文章：
9 html综合案例-注册界面
9 综合案例-注册界面 一个只有html骨架的注册页面 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>…...
Xilinx RFSOC 47DR 8收8发 信号处理板卡
系统资源如图所示： FPGA采用XCZU47DR 1156芯片，PS端搭载一组64Bit DDR4,容量为4GB,最高支持速率：2400MT/s; PS端挂载两片QSPI X4 FLASH； PS支持一路NVME存储； PS端挂载SD接口，用于存储程序&…...
ros2 launch 用法以及一些基础功能函数的示例
文章目录 launch启动一个节点的launch示例launch文件中添加节点的namespacelaunch文件中的话题名称映射launch文件中向节点内传入命令行参数launch文件中向节点内传入rosparam使用方法多节点启动命令行参数配置资源重映射ROS参数设置加载参数文件在launch文件中使用条件变量act…...
如何使用Python获取图片中的文字信息
如下有三中方法： 方法1. 使用Tesseract OCR（pytesseract） 安装依赖 首先，确保你已经安装了Tesseract OCR引擎（例如，通过你的操作系统的包管理器）。然后，你可以通过pip安装pytesse…...
C++知识点
1. 构造函数：当没有写任何构造函数(含拷贝构造)，系统会生成默认的无参构造，并且访问属性是共有。 默认拷贝构造：当没有写任何的拷贝构造，系统会生成默认的拷贝构造->是一个浅拷贝 写了拷贝构造函数，这…...
反转字符串中的单词-力扣
此题将问题分为三步进行解决： 第一步，删除字符串中多余的空格，removeSpaces函数中删除所有的空格，并手动在每个单词后添加一个空格，最后重构字符串s第二步，将整个字符串反转第三步，对反转后的字…...
Kotlin 重写与重载
文章目录 重写（Override）重载（Overload） 重写（Override） 重写通常是指子类覆盖父类的属性或方法，通常会标记为override： open class Base {open val name "Base"open f…...
关于高版本 Plant Simulation 每次保存是 提示提交comm对话框的处理方法
关于高版本 Plant Simulation 每次保存是 提示提交comm对话框的处理方法 如下图 将model saving history 修改为None即可 关于AutoCAD 2022 丢失模板库的问题 从新从以下地址打开即可： D:\Program Files\Autodesk\AutoCAD 2022\UserDataCache\zh-cn\Template...
C语言之旅：探索单链表
目录 一、前言 二、实现链表的功能： 打印 创建节点 尾插 尾删 头插 头删 查找 在指定位置之前插入数据 指定位置删除 在指定位置之后插入数据 打印 销毁 三、全部源码： 四、结语 一、前言 链表是一个强大且基础的数据结构。对于很多初…...
【安卓基础】-- 消息机制 Handler
目录 消息机制 Handler面试问题 消息机制 Handler 对handler机制的基本作用、用法、时序流程进行介绍，针对handler机制中的内存泄漏问题讲解：一篇读懂Android Handler机制 Android-Handler机制详解 全面解析 | Android之Handler机制 需要掌握的&#x…...
Optional 类
概述 到目前为止，臭名昭著的空指针异常是导致 Java 应用程序失败的最常见原因。以前，为了解决空指针异常，Google 公司著名的 Guava 项目引入了 Optional 类， Guava 通过使用检查空值的方式来防止代码污染，它鼓励程序员…...
自动微分技术在 AI for science 中的应用
本文简记我在学习自动微分相关技术时遇到的知识点。 反向传播和自动微分 以 NN 为代表的深度学习技术展现出了强大的参数拟合能力，人们通过堆叠固定的 layer 就能轻松设计出满足要求的参数拟合器。 例如，大部分图神经网络均基于消息传递的架构。在推理…...
ASM OMF single-file creation form 重命名
OMF下不能自动命名，需要重新命名的话：1 1. spfile 可以 create pfile from spfile 后再create spfile from pfile 2 redo？ 3 datafile？ Here are some details of the copy problem: a) You are not allowed to set the numbe…...
VGGNet
VGGNet CNN卷积网络的发展史 1. LetNet5(1998) 2. AlexNet(2012) 3. ZFNet(2013) 4. VGGNet(2014) 5. GoogLeNet(2014) 6. ResNet(2015) 7. DenseNet(2017) 8. EfficientNet(2019) 9. Vision Transformers(2020) 10. 自适应卷积网络(2021) 上面列出了发展到现在CNN的一些经典…...
SpringMVC：转发和重定向
1. 请求转发和重定向简介 参考该链接第9点 2. forward 返回下一个资源路径，请求转发固定格式：return "forward:资源路径"如 return "forward:/b" 此时为一次请求返回逻辑视图名称 返回逻辑视图不指定方式时都会默认使用请求转发in…...
961操作系统知识总结
部分图片可能无法显示，参考这里：https://zhuanlan.zhihu.com/p/701247894 961操作系统知识总结 一 操作系统概述 1. 操作系统的基本概念 重要操作系统类型：批处理操作系统(批量处理作业，单道批处理/多道批处理系统，用…...
电脑死机问题排查
情况描述：2024年6月2日下午16：04分电脑突然花屏死机，此情况之前遇到过三次，认为是腾讯会议录屏和系统自带录屏软件冲突导致。 报错信息：应用程序-特定 权限设置并未向在应用程序容器 不可用 SID (不可用)中运行的地址…...
百度地图1
地图的基本操作 百度地图3.0文档 百度地图3.0实例中心 设置地图 centerAndZoom(center: Point, zoom: Number)设初始化地图,center类型为Point时，zoom必须赋值，范围3-19级， // 百度地图API功能var map new BMap.Map("map"); //…...
Ubuntu 24.04 LTS 安装Docker
1 更新软件包索引： sudo apt-get update 2 安装必要的软件包，以允许apt通过HTTPS使用仓库： sudo apt-get install apt-transport-https ca-certificates curl software-properties-common 3 添加Docker的官方GPG密钥： curl -fs…...
【架构设计】Java如何利用AOP实现幂等操作，防止客户端重复操作
1实现方案详解 在Java中，使用AOP（面向切面编程）来实现幂等操作是一个常见的做法，特别是当你想在不修改业务代码的情况下添加一些横切关注点（如日志、事务管理、安全性等）时。幂等操作指的是无论执行多少次，结果都是相同的操作。 为了利用AOP实现幂等操作以防止客户端重…...
模型参数、模型存储精度、参数与显存
模型参数量衡量单位 M：百万（Million） B：十亿（Billion） 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的，但是一个参数所表示多少字节不一定，需要看这个参数以什么…...
MySQL 隔离级别：脏读、幻读及不可重复读的原理与示例
一、MySQL 隔离级别 MySQL 提供了四种隔离级别，用于控制事务之间的并发访问以及数据的可见性，不同隔离级别对脏读、幻读、不可重复读这几种并发数据问题有着不同的处理方式，具体如下： 隔离级别脏读不可重复读幻读性能特点及锁机制读未提交（READ UNCOMMITTED）允许出现允许…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
Web 架构之 CDN 加速原理与落地实践
文章目录 一、思维导图二、正文内容（一）CDN 基础概念1. 定义2. 组成部分 （二）CDN 加速原理1. 请求路由2. 内容缓存3. 内容更新 （三）CDN 落地实践1. 选择 CDN 服务商2. 配置 CDN3. 集成到 Web 架构 …...
蓝桥杯 冶炼金属
原题目链接 🔧 冶炼金属转换率推测题解 📜 原题描述 小蓝有一个神奇的炉子用于将普通金属 O O O 冶炼成为一种特殊金属 X X X。这个炉子有一个属性叫转换率 V V V，是一个正整数，表示每 V V V 个普通金属 O O O 可以冶炼出 …...
基于Java+MySQL实现（GUI）客户管理系统
客户资料管理系统的设计与实现 第一章 需求分析 1.1 需求总体介绍 本项目为了方便维护客户信息为了方便维护客户信息，对客户进行统一管理，可以把所有客户信息录入系统，进行维护和统计功能。可通过文件的方式保存相关录入数据，对…...
招商蛇口 | 执笔CID，启幕低密生活新境
作为中国城市生长的力量，招商蛇口以“美好生活承载者”为使命，深耕全球111座城市，以央企担当匠造时代理想人居。从深圳湾的开拓基因到西安高新CID的战略落子，招商蛇口始终与城市发展同频共振，以建筑诠释对土地与生活的…...
C#中的CLR属性、依赖属性与附加属性
CLR属性的主要特征 封装性： 隐藏字段的实现细节 提供对字段的受控访问 访问控制： 可单独设置get/set访问器的可见性 可创建只读或只写属性 计算属性： 可以在getter中执行计算逻辑 不需要直接对应一个字段 验证逻辑： 可以…...
【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的“no matching...“系列算法协商失败问题
【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的"no matching..."系列算法协商失败问题 摘要： 近期，在使用较新版本的OpenSSH客户端连接老旧SSH服务器时，会遇到 "no matching key exchange method found", "n…...
第7篇：中间件全链路监控与 SQL 性能分析实践
7.1 章节导读 在构建数据库中间件的过程中，可观测性 和 性能分析 是保障系统稳定性与可维护性的核心能力。 特别是在复杂分布式场景中，必须做到： 🔍 追踪每一条 SQL 的生命周期（从入口到数据库执行）&#…...