【HTML】注册页面制作 案例二

(大家好,今天我们将通过案例实战对之前学习过的HTML标签知识进行复习巩固,大家和我一起来吧,加油!💕)

案例复习

 通过综合案例,主要复习:

  1. 表格标签,可以让内容排列整齐。
  2. 列表标签。
  3. 表单标签

<!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 name="name" value="请输入姓名" maxlength="6"></td></tr><!-- 第二行 --><tr><td>性别:</td><td><input type="radio" name="sex" id="nan" /><label for="nan"><img src="/素材图/man.jpg" width="15"> 男</label><input type="radio" name="sex" id="nv" /> <label for="nv"><img src="/素材图/woman.jpg" width="12"> 女</label></td></tr><!-- 第三行 --><tr><td>生日:</td><td><select name="" id=""><option>--请选择年份--</option><option>2001</option><option>2002</option><option>2003</option><option>2004</option><option>2005</option></select><select name="" id=""><option>--请选择月份--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select><select name="" id=""><option>--请选择日--</option><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select></td></tr><!-- 第四行 --><tr><td>所在地区:</td><td><input type="text" value="请输入地区"></td></tr><!-- 第五行 --><tr><td>政治面貌:</td><td><input type="radio" name="Political outlook"> 群众 <input type="radio" name="Political outlook"> 团员 <inputtype="radio" name="Political outlook"> 党员</td></tr><!-- 第六行 --><tr><td>学历:</td><td><input type="text" value="请输入您的学历"></td></tr><!-- 第七行 --><tr><td>介绍:</td><td><textarea>请输入内容</textarea></td></tr><!-- 第八行 --><tr><td><input type="checkbox" name="read" checked="checked">我同意注册条款</td><td><input type="submit" value="免费注册"></td></tr><!-- 第九行 --><tr><td></td><td> <a href="#">我是用户,立即登录</a></td></tr><!-- 第十行 --><tr><td></td><td><h5>我承诺</h5><ul><li>我将不断学习红色精神</li><li>不断将其发扬光大</li><li>坚持党的领导</li></li></ul></td></tr></table></body></html>

(小伙伴们,HTML的相关知识暂时告别一段落,接下来我们将对CSS的相关内容进行学习,加油哇!) 

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

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

相关文章

说明计算机视觉(CV)技术的优势和挑战

计算机视觉&#xff08;Computer Vision&#xff0c;CV&#xff09;技术是一种利用计算机科学和工程技术来处理和分析图像和视频的技术。以下是计算机视觉技术的优势和挑战的几个例子&#xff1a; 优势&#xff1a; 高效快速&#xff1a;计算机视觉技术可以在短时间内处理大量…

【Go】十七、进程、线程、协程

文章目录 1、进程、线程2、协程3、主死从随4、启动多个协程5、使用WaitGroup控制协程退出6、多协程操作同一个数据7、互斥锁8、读写锁9、deferrecover优化多协程 1、进程、线程 进程作为资源分配的单位&#xff0c;在内存中会为每个进程分配不同的内存区域 一个进程下面有多个…

集合的学习

为什么要有集合&#xff1a;集合会自动扩容 集合不能存基本数据类型&#xff08;基本数据类型是存放真实的值&#xff0c;而引用数据类型是存放一个地址&#xff0c;这个地址存放在栈区&#xff0c;地址所指向的内容存放在堆区&#xff09; 数组和集合的对比&#xff1a; 集…

Zookeeper 怎么实现分布式锁

基于ZooKeeper实现分布式锁的原理主要基于ZooKeeper提供的一些特性&#xff0c;包括有序性、唯一性、临时节点等。下面是基于ZooKeeper实现分布式锁的 基本原理 有序性&#xff1a;ZooKeeper保证所有写入操作的全局顺序性。当客户端向ZooKeeper写入数据时&#xff0c;ZooKeepe…

Flutter 开发学习笔记(3):第三方UI库的引入

文章目录 前言初始化程序Icon导入如何导入 Toast消息提示框引入简单封装简单使用 Charts图表导入新建pages文件夹存放page简单代码实现效果 总结 前言 Flutter已经发布了有10年了&#xff0c;生态也算比较完善了。用于安卓程序开发应该是非常的方便。我们这里就接入一些简单的…

Pytorch实用教程:TensorDataset和DataLoader的介绍及用法示例

TensorDataset TensorDataset是PyTorch中torch.utils.data模块的一部分&#xff0c;它包装张量到一个数据集中&#xff0c;并允许对这些张量进行索引&#xff0c;以便能够以批量的方式加载它们。 当你有多个数据源&#xff08;如特征和标签&#xff09;时&#xff0c;TensorD…

golang语言系列:Web框架+路由 之 Gin

云原生学习路线导航页&#xff08;持续更新中&#xff09; 本文是golang语言学习系列&#xff0c;本篇对Gin框架的基本使用方法进行学习 1.Gin框架是什么 Gin 是一个 Go (Golang) 编写的轻量级 http web 框架&#xff0c;运行速度非常快&#xff0c;如果你是性能和高效的追求者…

【JavaEE】_Spring MVC项目上传文件

目录 1. 文件上传具体实现 2. 保存文件 1. 文件上传具体实现 .java文件内容如下&#xff1a; package com.example.demo.controller;import com.example.demo.Person; import org.springframework.web.bind.annotation.*; import org.springframework.web.multipart.Multip…

拒绝服务攻击(Dos)与Tomcat的解决方法

拒绝服务攻击Dos 拒绝服务攻击&#xff08;Denial of Service&#xff0c;DoS&#xff09;是一种网络攻击&#xff0c;旨在使目标系统无法提供正常的服务&#xff0c;使其无法响应合法用户的请求。这种攻击通过消耗目标系统的资源&#xff0c;例如带宽、处理能力或存储空间&am…

【C语言数据库】Sqlite3基础介绍

1. SQLite简介 SQLite is a C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine. SQLite is the most used database engine in the world. SQLite is built into all mobile phones and most computer…

DM数据库状态

DM 数据库包含以下几种状态&#xff1a; 配置状态&#xff08;MOUNT&#xff09;&#xff1a; 不允许访问数据库对象&#xff0c;只能进行控制文件维护、归档配置、数据库模式修改等操作&#xff1b;打开状态&#xff08;OPEN&#xff09;&#xff1a; 不能进行控制文件维护、…

day4|gin的中间件和路由分组

中间件其实是一个方法&#xff0c; 在.use就可以调用中间件函数 r : gin.Default()v1 : r.Group("v1")//v1 : r.Group("v1").Use()v1.GET("test", func(c *gin.Context) {fmt.Println("get into the test")c.JSON(200, gin.H{"…

特征融合篇 | YOLOv8改进之将Neck网络更换为GFPN(附2种改进方法)

前言:Hello大家好,我是小哥谈。GFPN(Global Feature Pyramid Network)是一种用于目标检测的神经网络架构,它是在Faster R-CNN的基础上进行改进的,旨在提高目标检测的性能和效果。其核心思想是引入全局特征金字塔,通过多尺度的特征融合来提取更丰富的语义信息。具体来说,…

JVM面试题(二)

###1. 对象的访问定位的两种方式&#xff1f; Java对象的访问定位主要有两种方式&#xff1a;句柄访问和直接指针访问。 句柄访问&#xff1a; 在句柄访问方式中&#xff0c;Java堆会被划分为两部分&#xff1a;一部分存放对象实例数据&#xff0c;另一部分存放对象实例数据的…

FPGA + 图像处理 (二) RGB转YUV色域、转灰度图及仿真

前言 具体关于色域的知识就不细说了&#xff0c;简单来讲YUV中Y通道可以理解为就是图像的灰度图&#xff0c;因此&#xff0c;将RGB转化为YUV是求彩色图的灰度直方图、进行二值化操作等的基础。 HDMI时序生成模块 这里先介绍一下仿真时用于生成HDMI时序&#xff0c;用这个时…

自贡市第一人民医院:超融合与 SKS 承载 HIS 等核心业务应用,加速国产化与云原生转型

自贡市第一人民医院始建于 1908 年&#xff0c;现已发展成为集医疗、科研、教学、预防、公共卫生应急处置为一体的三级甲等综合公立医院。医院建有“全国综合医院中医药工作示范单位”等 8 个国家级基地&#xff0c;建成高级卒中中心、胸痛中心等 6 个国家级中心。医院日门诊量…

Ubuntu 23.04 安装es

在Ubuntu 23.04上安装Elasticsearch的过程可能与之前版本类似&#xff0c;以下是基于最新稳定版Elasticsearch的一般安装步骤&#xff1a; 准备工作&#xff1a; 确保系统已更新至最新版本&#xff1a; sudo apt update && sudo apt upgrade安装Java Development Kit (…

【Tomcat】Apache官方结束Tomcat 8.5分支版本技术支持

根据 Apache 官方发布的声明&#xff0c;Apache官方将于2024年3月31日后正式结束对于Tomcat 8.5这个分支版本的技术支持&#xff0c;包括以下几点&#xff1a; 1&#xff09;不太可能继续为 8.5 分支发布新的版本&#xff1b; 2&#xff09;仅影响 8.5 分支的漏洞将不会被解决&…

时空序列预测模型—PredRNN(Pytorch)

https://cloud.tencent.com/developer/article/1622038 (强对流天气临近预报)时空序列预测模型—PredRNN(Pytorch) 代码分为3文件&#xff1a; PredRNN_Cell.py #细胞单元 PredRNN_Model.py #细胞单元堆叠而成的主干模型 PredRNN_Main_Seq2seq_test.py #用于外推的Seq2seq 编…

【Docker】搭建便捷的Docker容器管理工具 - dockerCopilot

【Docker】搭建便捷的Docker容器管理工具 - dockerCopilot 前言 本教程基于绿联的NAS设备DX4600 Pro的docker功能进行搭建。前面有介绍过OneKey&#xff0c;而dockerCopilot便是OneKey的升级版&#xff0c;作者对其进行了重新命名&#xff0c;并且对界和功能都进行了全面的优…