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> 标题+无序列表

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/13832.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1255: 石子合并

时间限制: 1 Sec 内存限制: 128 MB 提交: 1456 解决: 779 [提交] [状态] [讨论版] [命题人:外部导入] 题目描述 现在有n堆石子&#xff0c;你每次可以挑任意两堆将其合并成一堆&#xff0c;代价是两堆石子的数量和。可知经过n-1次合并后只剩下一堆石子&#xff0c;现在要求总…

LabVIEW机器视觉怎样在智能制造中实现高精度质量控制?

在智能制造中&#xff0c;LabVIEW&#xff08;Laboratory Virtual Instrument Engineering Workbench&#xff09;机器视觉系统能够通过以下方式实现高精度质量控制&#xff1a; 1. 图像采集与预处理 LabVIEW利用高分辨率相机和图像传感器来采集产品图像。通过使用LabVIEW的图…

stable diffusion webui prompt generator and translator

主要关注一些stable diffusion中的prompt的翻译器,prompt有很多优化的算法,本身prompt优化也是比较好的方向,这块主要有类似beautifulprompt之类算法,包括fooocus中内置了一个基于GPT2的语言模型来提供更好的prompt,这类的插件在git上有很多,对于目前的很多线上的图片生成…

PostgreSQL如何监控备库延迟

方案1&#xff1a; 主库查询 SELECT * FROM pg_stat_replication; NOTE1&#xff1a;PostgreSQL 10及以后版本 pg_stat_replication视图增加了write_lag&#xff0c;flush_lag&#xff0c;replay_lag。分别表示从库wal日志写入(写入到操作系统缓存)延迟&#xff0c;从库wal日…

头歌03-最优二叉查找树

""" 题目:给定n个互异的关键字组成的序列K=<k1,k2,...,kn>,且关键字有序(k1<k2<...<kn),从这些关键字中构造一棵二叉查找树。对每个关键字ki,每次搜索到的概率为pi。还有n+1个“虚拟键”d0,d1,...,dn,他们代表不在K的值。d0代表所有小于k…

IS-IS基本配置 IS-IS邻接关系

一.IS-IS基本配置 原理概述 和 OSPF 路由协议一样&#xff0c; IS-IS 也是一个应用非常广泛的 IGP 路由协议&#xff0c;很多 ISP 网络、特别是大型的ISP网络都部署了IS-IS网络协议。 RIP 、 OSPF 等许多 IGP 都是针对 IP ( Internet Protocol &#xff09;这个网络层协议而开…

php种调用jodConverter+ openoffic实现word转pdf

安装java环境 jdk文件 jdk-8u221-linux-x64.tar.gz将压缩包移到指定目录 sudo mv jdk-8u221-linux-x64.tar.gz /usr/local/ #解压 cd /usr/local sudo tar -zxvf /usr/local/jdk-8u221-linux-x64.tar.gz 配置java环境变量 sudo vim /etc/profile#在文件的最后添加如下内容…

二、信号连接槽函数

需求&#xff1a;点击Button按钮&#xff08;下班&#xff09;&#xff0c;label显示淦饭 信号发出者&#xff1a;Button 发送的信号&#xff08;signals&#xff09;&#xff1a;被点击 信号接收者&#xff1a;label 信号的处理&#xff08;slots&#xff09;&#xff1a;显示…

0基础安装 composer

解决&#xff1a; composer 不是内部或外部命令&#xff0c;也不是可运行的程序 或批处理文件。 php composer.phar可以运行 安装环境&#xff1a;系统w11 官网地址&#xff1a;Composer 1.安装composer 1.1打开命令行窗口 在命令行窗口里&#xff0c;右键是粘贴&#xff0…

精准安全运维,统信UOS服务器版V20(1070)漏洞修复指南丨年度更新

随着信息安全威胁的不断升级&#xff0c;操作系统的安全性已成为企业运维的关键要素。 为了确保业务运行环境的安全无忧&#xff0c;统信软件持续致力于技术创新和优化&#xff0c;并于日前重磅推出了统信UOS服务器版V20&#xff08;1070&#xff09;。该系统提供了高频补丁更…

Excel模板计算得出表格看板

背景 表格看板及导出&#xff0c;单元格时间年是根据筛选器时间变化的 较往年和往年是计算单元格 思路 1.通过excel模板来把数据填入excel再数据清洗得到数据返回前端 2.数据填充&#xff0c;通过行列作为key 列如&#xff1a;key整体20241月&#xff0c;根据key匹配数据填…

马蹄集 oj赛(双周赛第二十七次)

目录 栈的min 外卖递送 奇偶序列 sort 五彩斑斓的世界 括号家族 名次并列 栈间 双端队列 合并货物 逆序对 活动分组 栈的min 难度:黄金巴 占用内存:128 M时间限制:1秒 小码哥又被安排任务了&#xff0c;这次他需要要设计一个堆栈&#xff0c;他除了可以满足正常的栈…

半导体测试基础 - AC 参数测试

AC 测试确保 DUT 的时特性序满足其规格需求。 基本 AC 参数 建立时间(Setup Time) 建立时间指的是在参考信号(图中为 WE)发生变化(取中间值 1.5V)前,为了确保能被正确读取,数据(图中为 DATA IN)必须提前保持稳定不变的最短时间。在最小建立时间之前,数据可以随意变…

计算机以及网络协议中常用16进制的原因

一、计算机为什么需要十六进制&#xff1f; 实际上计算机本身是不需要十六进制的&#xff0c;计算机只需要二进制&#xff0c;需要十六进制的是人。 每个十六进制中的数字代表4个比特&#xff0c;你可以非常直观的从十六进制中知道对应的二进制是啥&#xff0c;比如给定一个十…

第八届“英拿科技杯”上海高校金马程序设计联赛暨东华大学邀请赛——源石虫(基础DP)

题源 源石虫 &#xff08;小声哔哔&#xff1a;这题当时脑子抽了死活没想到是DP&#xff0c;一直用贪心试&#xff0c;拿来凑个DP专题的数&#xff09; 代码 #include <bits/stdc.h> using namespace std; using ll long long; #define For for (ll i 1; i < n; …

ROS | 实现SLAM的功能

用launch文件启动Hector_Mapping的建图功能 1.引入launch文件 2.args是引入的设置好的rviz文件 Hector_Mapping建图的参数设置

141.字符串:重复的字符串(力扣)

题目描述 代码解决 class Solution { public:// 计算字符串s的next数组&#xff0c;用于KMP算法void getNext(int *next, const string& s){int j 0; // j是前缀的长度next[0] 0; // 初始化next数组&#xff0c;第一个字符的next值为0for (int i 1; i < s.size(); …

Clickhouse 算术函数操作总结—— Clickhouse 基础篇(五)

文章目录 加法函数减法函数乘法函数浮点除法函数整数除法函数带0整数除法函数取余函数带0取余函数负数函数绝对值函数最大公约数函数最小公倍数函数最大数函数最小数函数 加法函数 加法函数不仅可以计算数字&#xff0c;还可以使用日期和时间来进行加法运算。日期加的是天数&a…

2024 中青杯高校数学建模竞赛(B题)数学建模完整思路+完整代码全解全析

你是否在寻找数学建模比赛的突破点&#xff1f;数学建模进阶思路&#xff01; 作为经验丰富的数学建模团队&#xff0c;我们将为你带来2024 长三角高校数学建模竞赛&#xff08;A题&#xff09;的全面解析。这个解决方案包不仅包括完整的代码实现&#xff0c;还有详尽的建模过…

ubuntu server 22.04 使用docker安装 onlyoffice 8.0同时添加中文字体、字号

本文主要介绍在ubuntu server 22.04 系统上使用docker安装onlyoffice 8.0同时添加中文字体、字号方法。 1、硬件要求 CPU&#xff1a;双核2 GHz或更高 内存&#xff1a;最少4GB 硬盘&#xff1a;至少40 GB可用空间 Swap file&#xff1a;至少4 GB&#xff0c;但取决于主机操作…