当前位置: 首页 > news >正文

寒假前端第一次作业

1、用户注册:

<!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><table width="300 " border="1" cellspacing="1"><form action="#" method="get"><tr><td colspan="5" align="center" width="2">用户注册</td></tr><tr><td align="right" colspan="2">用户名</td><td colspan="3"><input type="text" name="name" placeholder="用户名"></td></tr><tr><td align="right" colspan="2">密码</td><td colspan="3"><input type="password" name="password" placeholder="密码"></tr><tr><td align="right" colspan="2">性别</td><td colspan="3"><input type="radio" name="gender" value="男"> 男 <input type="radio" name="gender" value="女"> 女</tr><tr><td align="right" colspan="2">爱好</td><td colspan="3"><input type="checkbox" name="hooby" value="看书" checked> 看书 <input type="checkbox" name="hooby" value="写作" checked> 写作 <input type="checkbox" name="hooby" value="听音乐" checked> 听音乐 <input type="checkbox" name="hooby" value="体育" checked> 体育</tr><tr><td align="right" colspan="2">省份</td><td colspan="3">                <select name="city"><option value="山西省">山西省</option><option  selected value="陕西省">陕西省</option><option value="河南省">河南省</option><option value="江西省">江西省</option><option value="北京市">北京市</option></select></td></tr><tr><td align="right" colspan="2">自我介绍</td><td colspan="3">                <textarea name="content" id="" cols="35" rows="8" placeholder="请自我介绍"></textarea></td>   </tr><tr><td colspan="5"><input type="submit" name="提交"><input type="reset" name="重置"></td></tr></form></table>
</body>
</html>

截图:


2、工商银行电子汇款 

<!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><h1>工商银行电子汇款</h1><table width="700" border="2" cellspacing="1"><tr><td colspan="2"><b>回单类型</b></td><td colspan="2">网上转款汇款</td><td colspan="2"><b>指令序号</b></td><td colspan="3">HQH0000000000000013878172</td></tr><tr><td rowspan="4" width="10"><b>收款人</b></td><td>户名</td><td colspan="2">老牟</td><td rowspan="4" width="10"><b>付款人</b></td><td>户名</td><td colspan="3">老刘</td></tr><tr><td><b>卡号</b></td><td colspan="2">000000000001</td><td><b>卡号</b></td><td colspan="3">000000000002</td></tr><tr><td>地区</td><td colspan="2">南京</td><td>地区</td><td colspan="3">杭州</td></tr><tr><td><b>网点</b></td><td colspan="2">工商江苏南京业务处理中心</td><td><b>网点</b></td><td colspan="3">江苏徐州业务中心</td></tr><tr><td colspan="2"><b>币种</b></td><td colspan="2">b人民币</td><td colspan="2">钞汇标志</td><td colspan="3">钞票</td></tr><tr><td colspan="2"><b>金额</b></td><td colspan="2">1.00元</td><td colspan="2">手续费</td><td colspan="3">0.57元</td></tr><tr><td colspan="2"><b>合计</b></td><td colspan="7">人民币( 大写 ) : &nbsp;壹圆整</td></tr><tr><td colspan="2"><b>交易时间</b></td><td colspan="2"><em>2017年6月1日</em></td><td colspan="2"><b>时间戳</b></td><td colspan="3"><em>2017-06-01-13.00.00.00000</em></td></tr></table><p>票据打印时间 : 2017-06-01 15:00:12</p><del>票据打印单位 : 江苏徐州业务中心</del><p>操作员 : 大曾</p>
</body>
</html>

截图:


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><table width="700" cellspacing="5"><tr><td width="100" align="left"><h1>将进酒</h1></td>   <td colspan="5"><h2>君不见黄河之水天上来</h2></td></tr><tr><td colspan="3"><img src="libai.png" width="" ></td><td colspan="4"><p>君不见黄河之水天上来,奔流到海不复回。</p><p>君不见高堂明镜悲白发,朝如青丝暮成雪。</p><p>人生得意须尽欢,莫使金樽空对月。</p><p>天生我材必有用,千金散尽还复来。</p><p>烹羊宰牛且为乐,会须一饮三百杯。</p><p>岑夫子,丹丘生,将进酒,杯莫停。</p><p>与君歌一曲,请君为我倾耳听。</p><p>钟鼓馔玉不足贵,但愿长醉不复醒</p><p>古来圣贤皆寂寞,惟有饮者留其名</p><p>陈王昔时宴平乐,斗酒十千恣欢谑</p><p>主人何为言少钱,径须沽取对君酌</p><p>五花马,千金裘</p><p>呼儿将出换美酒与尔同销万古愁</p></td></tr></table>
</body>
</html>

截图:


4、热门电影模块

<!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><table width="100%" ><tr><td colspan="4"><h2>热门电影模块</h2></td></tr><tr><td colspan="4" ><hr width="100%" size="2" ><b>最近热门电影</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;热门&nbsp;&nbsp;&nbsp;&nbsp;最新&nbsp;&nbsp;&nbsp;&nbsp;豆瓣高分&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;冷门佳片&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;华语&nbsp;&nbsp;&nbsp;&nbsp;欧美&nbsp;&nbsp;&nbsp;&nbsp;韩国&nbsp;&nbsp;&nbsp;&nbsp;日本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多>><hr width="100%" size="2"></td></tr><tr><td><img src="zhihuan1.png" width="260"></td><td><img src="zhihaun3.png" width="262"></td><td><img src="zhihaun2.png" width="269"></td><td><img src="xiaoshenke.png" width="247"></td></tr><tr><td>指环王1 9.6</td><td>指环王2 9.4</td><td>指环王3 9.5</td><td>肖申克的救赎 9.7</td></tr><tr><td><img src="aganzhengzhuan.png" width="250"></td><td><img src="bianfuxia.png" width="260"></td><td><img src="heikediguo.png" width="257"></td><td><img src="v3xcgiurpps04.png" width="260"></td></tr><tr><td>阿甘正传 9.6</td><td>蝙蝠侠 : 黑暗骑士 9.5</td><td>黑客帝国 9.5</td><td>蝙蝠侠 : 黑暗骑士崛起 9.4</td></table>
</body>
</html>

截图: 

相关文章:

寒假前端第一次作业

1、用户注册&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>用户注册</title> …...

【LabVIEW FPGA入门】创建第一个LabVIEW FPGA程序

本教程仅以compactRIO&#xff08;FPGA-RT&#xff09;举例 1.系统配置 1.1软件安装 FPGA-RT 1. LabVIEW Development System (Full or Professional) 2. LabVIEW Real-Time Module 3. LabVIEW FPGA Module 4. NI-RIO drivers 1.2硬件配置 1.使用线缆连接CompactRIO至主机…...

【STM32】STM32学习笔记-USART串口数据包(28)

00. 目录 文章目录 00. 目录01. 串口简介02. HEX数据包03. 文本数据包04. HEX数据包接收05. 文本数据包接收06. 预留07. 附录 01. 串口简介 串口通讯(Serial Communication)是一种设备间非常常用的串行通讯方式&#xff0c;因为它简单便捷&#xff0c;因此大部分电子设备都支持…...

Java网络爬虫--HttpClient

目录标题 技术介绍有什么优点&#xff1f;怎么在项目中引入&#xff1f; 请求URLEntityUtils 类GET请求带参数的GET请求POST请求 总结 技术介绍 HttpClient 是 Apache Jakarta Common 下的子项目&#xff0c;用来提供高效的、功能丰富的、支持 HTTP 协议的客户端编程工具包。相…...

若依项目的table列表中对每一个字段增加排序按钮(单体版和前后端分离版)

一、目标:每一个字段都添加上下箭头用来排序 只需要更改前端代码,不需要更改后端代码,后面会讲解原理 二、单体版实现方式: 1.在options中添加sortable:true 2.在需要排序的字段中添加sortable:true 三、前后端分离版 1.el-table上添加@sort-change=“handleSortChange”…...

Linux自动化部署脚本

1:最近项目部署比较频繁终于熬不住了 就有下面的这东西 #!/bin/sh #报错停止运行 set -e # 获取tomcat的PID TOMCAT_PID$(ps -ef | grep tomcat | grep -v grep | awk {print $2}) # tomcat的启动文件位置 START_TOMCAT/mnt/tomcat/bin/startup.sh # 项目文件部署位置 PROJECT…...

lvgl修改图片大小上限

在lvgl中读取图片文件时&#xff0c;被读取的图片具有上限&#xff0c;也就是2048像素。这会造成两个非预期的结果&#xff1a; 超过2048像素的部分会被裁去。表示图片的结构体lv_img_t中的w和h变量值是图片像素被2048求余。例如&#xff0c;当一个图片高为2048像素时&#xf…...

阻止持久性攻击改善网络安全

MITRE ATT&CK框架是一个全球可访问的精选知识数据库&#xff0c;其中包含基于真实世界观察的已知网络攻击技术和策略。持久性是攻击者用来访问系统的众多网络攻击技术之一;在获得初始访问权限后&#xff0c;他们继续在很长一段时间内保持立足点&#xff0c;以窃取数据、修改…...

MFC与Qt多个控件响应统一响应消息处理

就目前使用C开发框架来说&#xff0c;今天来讲述下MFC框架下与Qt框架下&#xff0c;如何让多个控件响应统一消息处理方法。 功能&#xff1a;假设有5个按钮&#xff0c;需要响应同一个处理函数&#xff0c;该如何实现呢&#xff1f; Qt方式 开发环境&#xff1a;win10 VS201…...

Camunda rest api鉴权

对于rest api 不能没有限制的任何人随意调用&#xff0c;需要提供账号信息。 一&#xff1a;工作流引擎增加过滤器 /*** 对/engine-rest/*进行鉴权&#xff0c;防止非法攻击* 客户端调用需要配置用户凭证否则报错401* camunda.bpm.client.basic-auth.username* camunda.bpm.cl…...

【PostgreSQL】在DBeaver中实现序列、函数、视图、触发器设计

【PostgreSQL】在DBeaver中实现序列、函数、触发器、视图设计 基本配置一、序列1.1、序列使用1.1.1、设置字段为主键&#xff0c;数据类型默认整型1.1.2、自定义序列&#xff0c;数据类型自定义 1.2、序列延申1.2.1、理论1.2.2、测试1.2.3、小结 二、函数2.1、SQL直接创建2.1.1…...

PyQt5-小总结

之前学习PyQt5&#xff0c;然后那段时间想做一个桌面小程序&#xff0c;后来由于学习内容较多就做了一小部分&#xff0c;但是可以进行页面跳转。大家如果是初学者对Python感兴趣而且刚学数据库时可以看看代码&#xff0c;可能会有点启发。 效果&#xff1a; 登录进来是这&…...

vue父组件给子组件传值,子组件不渲染的原因及解决方法

父组件传递给子组件的数据&#xff0c;如果是一个复杂对象&#xff08;例如一个数组或对象&#xff09;&#xff0c;那么子组件只会监听对象的引用而不是对象的内容。这意味着当对象的内容发生变化时&#xff0c;子组件不会更新。 解决&#xff1a; 1、在子组件使用 watch 监听…...

【数据库】MySQL锁

一、锁的基本概念 1、锁的定义 锁是协调多个进程或线程并发访问数据库资源的一种机制。 MySQL中的锁是在服务器层或者存储引擎层实现的&#xff0c;保证了数据访问的一致性与有效性。但加锁是消耗资源的&#xff0c;锁的各种操作&#xff0c;包括获得锁、检测锁是否已解除、…...

mongodb学习篇

目录 前言基本概念数据库-database集合-collection文档-document 部署mongodblinux安装mongodbdocker安装mongodb MongoDB Shell (mongosh)命令行工具mongodb可视化-mongodb-compass、mongo-expressmongodb配置文件mongodb库、集合、文档库基本操作集合基本操作文档的增删改查C…...

kubernetes存储类迁移-备份恢复

背景介绍 kubernetes集群最开始使用了nfs作为存储&#xff0c;随着后续使用过程中数据量逐渐增加&#xff0c;nfs存储性能逐步出现不足&#xff0c;现增加了基于csi的分布式块存储后&#xff0c;需要对原有基于nfs存储类下的pv迁移到新的存储类下。 测试环境 k8s集群版本&am…...

python智能手机芯片

在未来&#xff0c;python智能手机芯片的发展方向可能包括以下几个方面&#xff1a; 强化处理能力&#xff1a;随着智能手机功能的不断扩展和用户需求的增加&#xff0c;处理器的性能需求也在不断提升。未来的python智能手机芯片可能会加强处理器的核心数量和频率&#xff0c;以…...

混淆技术概论

混淆技术概论 引言 在逆向工程领域&#xff0c;混淆技术是一种非常重要的技术手段&#xff0c;通过打破人们的思维惯性&#xff0c;使得逆向分析变得更加困难。本文将会介绍混淆技术的概念、分类及其应用&#xff0c;以及如何使用IPA Guard进行iOS IPA重签名。 混淆技术概述…...

pytest安装失败,报错Could not find a version that satisfies the requirement pytest

问题 安装pytest失败&#xff0c;尝试使用的命令有 pip install pytest pip3 install pytest pip install -U pytest pip install pytest -i https://pypi.tuna.tsinghua.edu.cn/simple但是都会报同样的错&#xff1a; 解决方案 发现可能是挂了梯子的原因&#xff0c;关掉…...

使用 Maven 的 dependencyManagement 管理项目依赖项

使用 Maven 的 dependencyManagement 管理项目依赖项 介绍 在开发 Java 项目时&#xff0c;管理和协调依赖项的版本号是一项重要而繁琐的任务。 而 Maven 提供了 <dependencyManagement> 元素&#xff0c;用于定义项目中所有依赖项的版本。它允许您指定项目中每个依赖…...

三英战吕布web3游戏项目启动全流程

项目是一个学习相关的很好的例子并且开源&#xff0c;原本的项目是连接goerli网络&#xff0c;但我把它修改为可连接ganache网络的项目了&#xff0c;更方便启动。 智能合约部分 进入文件 hardhat.config.js &#xff0c;增加一个钱包私钥 2.执行npm install 3.测试合约 npx ha…...

TS中的类

目录 ES6的类 类的概念 类的构成 类的创建 声明 构造函数 定义内容 创建实例 TS中的类 类声明 构造函数 属性和方法 实例化类 继承 访问修饰符 public private protected 成员访问修饰符的使用原则 访问器 只读成员与静态成员 readonly static 修饰符总…...

玩转硬件之玩改朗逸中控设备

这是一个有关一件被拆卸的朗逸中控设备的故事。这个设备已经闲置多年&#xff0c;但是它的命运发生了转变。它被改装成了一台收音机和MP3播放器。 这个设备曾经是一辆朗逸的中控屏幕&#xff0c;就是因为它没有倒车影像&#xff0c;它就被拆了下来&#xff0c;被扔在了一个角落…...

根据MySql的表名,自动生成实体类,模仿ORM框架

ORM框架可以根据数据库的表自动生成实体类&#xff0c;以及相应CRUD操作 本文是一个自动生成实体类的工具&#xff0c;用于生成Mysql表对应的实体类。 新建Winform窗体应用程序AutoGenerateForm&#xff0c;框架(.net framework 4.5)&#xff0c; 添加对System.Configuration的…...

Mac上安装tensorflow介绍留存

此预版本为 macOS 11.0 提供了硬件加速的 TensorFlow 和 TensorFlow 插件。M1 Mac 和基于 Intel 的 Mac 通过 Apple 的 ML 计算框架支持本机硬件加速。 TensorFlow r2.4rc0TensorFlow Addons 0.11.2 TensorFlow 插件 0.11.2 REQUIREMENTS 要求 macOS 11.0Python 3.8 (requir…...

【赠书第16期】码上行动:用ChatGPT学会Python编程

文章目录 前言 1 ChatGPT简介 2 Python编程简介 3 使用ChatGPT学习Python编程 4 如何使用ChatGPT学习Python编程 5 推荐图书 6 粉丝福利 前言 随着人工智能技术的不断发展&#xff0c;聊天机器人已经成为我们日常生活和工作中不可或缺的一部分。其中&#xff0c;ChatGP…...

LeetCode 每日一题 2024/1/1-2024/1/7

记录了初步解题思路 以及本地实现代码&#xff1b;并不一定为最优 也希望大家能一起探讨 一起进步 目录 1/1 1599. 经营摩天轮的最大利润1/2 466. 统计重复个数1/3 2487. 从链表中移除节点1/4 2397. 被列覆盖的最多行数1/5 1944. 队列中可以看到的人数1/6 2807. 在链表中插入最…...

7+单细胞+空转+实验验证,如何根据内容开展相关经验给你启发

导语 今天给同学们分享一篇生信文章“CD8 tissue-resident memory T cells induce oral lichen planus erosion via cytokine network”&#xff0c;这篇文章发表在Elife期刊上&#xff0c;影响因子为7.7。 结果解读&#xff1a; 单细胞RNA测序揭示了具有不同临床亚型的OLP的细…...

Verifiable Credentials可验证证书 2023 终极指南

1. 引言 Dock公司为去中心化数字身份领域的先驱者&#xff0c;其自2017年以来&#xff0c;已知专注于构建前沿的可验证证书&#xff08;Verifiable Credentials&#xff09;技术。本文将阐述何为电子证书、电子证书工作原理、以及其对组合和个人的重要性。 伪造实物证书和数字…...

R语言【sp】——SpatialPoints():创建类SpatialPoints或SpatialPointsDataFrame的对象

Package sp version 1.5-0 Description 从坐标或数据帧的坐标创建类 SpatialPoints-class 或 SpatialPointsDataFrame-class 的对象。 Usage SpatialPoints(coords, proj4stringCRS(as.character(NA)), bbox NULL)SpatialPointsDataFrame(coords, data, coords.nrs numeric…...

在哪个网站找学做包子/广州优化seo

英语四级作文一直是考生重点关注的部分&#xff0c;也是考试的重难点&#xff0c;英语四级频道为大家整理了2016年6月英语四级作文范文&#xff1a;过度依赖网络&#xff0c;希望能为大家带来帮助&#xff0c;更多考试资讯请关注英语四级频道。作文题目&#xff1a;We Shouldnt…...

开源项目网站怎么做 带视频/外贸网站平台哪个好

Java中的内存管理机制Java内存的划分java把内存分为两种栈内存堆内存栈内存在函数中定义的一些基本类型的变量和对象的引用变量都是在函数的栈内存中分配&#xff0c;当在一段代码中定义一个变量时&#xff0c;java就会在栈中为这个变量分配内存空间&#xff0c;当超过变量的作…...

网站建设云南才力/百度竞价效果怎么样

编码情景是要动态分配个数不确定的非内嵌类型对象,把获取的对象指针都存在一个数组里面,留待其他地方使用. 定义指针 CBase** m_pMotion; 个人偏向于用new/delete关键字,当然也可以用malloc/free函数组合来进行内存的分配和释放 分配内存, nHWNo是外部传递的参数 m_pM…...

廊坊网站建设外包/怎么做网络营销推广啊

1.pdf 阅读 推荐软件&#xff1a;SumatraPDF 2.文件编辑&#xff1a; 推荐软件&#xff1a;vscode,notepad 3.浏览器&#xff1a; 推荐软件&#xff1a;谷歌浏览器 4.百度云盘加速&#xff1a; 推荐软件&#xff1a;pandownload 5.百度文库下载&#xff1a; 推荐软件&#xff1…...

如何做网站资讯/进入百度官网

操作系统一事 目录&#xff1a;&#xff08;你将可以学习到一下内容&#xff09; 1.对于操作系统一事&#xff0c;为什么要出发&#xff1f; 2.本专题主要的学习内容 3.本专题的学习路线 1.对于操作系统一事&#xff0c;为什么要出发&#xff1f; &#xff08;1&#xff09;于读…...

网站下载怎么做/网络推广平台公司

在有的时候play的结果依赖于变量、fact或者是前一个任务的执行结果&#xff0c;从而需要使用到条件语句。一、when 有的时候在特定的主机需要跳过特定的步骤&#xff0c;例如在安装包的时候&#xff0c;需要指定主机的操作系统类型&#xff0c;或者是当操作系统的硬盘满了之…...