heml第二次作业

最新推荐文章于 2024-09-14 18:52:56 发布
最新推荐文章于 2024-09-14 18:52:56 发布
阅读量73 收藏
点赞数
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61572870/article/details/135014229
版权

一，登录注册

<!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>
    <form action="">
        <table  width="300" border="0" cellspacing="1" cellpadding="2">
            <tr height="30">
                <td colspan="2" align="center" bgcolor="#CCCCCC">用户注册</td>
            </tr>
            <tr height="30">
                <td width="91" align="right" bgcolor="#E6E6E6">用户名</td>
                <td width="198" bgcolor="#E6E6E6">
                    <input type="text" name="username" maxlength="20" size="15">
                </td>
            </tr>
            <tr height="30">
                <td align="right" bgcolor="#E6E6E6">密码</td>
                <td bgcolor="#E6E6E6">
                    <input type="text" name="userpass" size="15" maxlength="20">
                </td> 
            </tr>
            <tr height="30">
                <td align="right" bgcolor="#E6E6E6">性别</td>
                <td>
                    <input type="radio" name="sex" value="男" checked>男
                    <input type="radio" name="sex" value="女">女
                </td>
            </tr>
            <tr>
                <td align="right" bgcolor="#E6E6E6">爱好</td>
                <td>
                    <input type="checkbox" name="like" value="写作">写作
                    <input type="checkbox" name="like" value="听音乐">听音乐
                    <input type="checkbox" name="like" value="唱歌">唱歌
                </td>
            </tr>
                <tr height="30">
                    <td align="right" bgcolor="#E6E6E6">省份</td>
                    <td bgcolor="#E6E6E6">
                        <select name="province">
                            <option value="陕西" selected>陕西</option>
                            <option value="山东">山东</option>
                            <option value="福建">福建</option>
                            <option value="内蒙古">内蒙古</option>
                            <option value="天津">天津</option>
                        </select>
                    </td>
                </tr>
                <tr height="30">
                    <td align="right" bgcolor="#E6E6E6">自我介绍</td>
                    <td  bgcolor="#E6E6E6">
                        <textarea name="intro" cols="25" rows="5"></textarea>
                    </td>
                </tr>
                <tr height="30">
                    <td colspan="2" align="center" bgcolor="#CCCCCC">
                        <input type="submit" name="send" value="提交">
                        <input type="reset" name="reset" value="重置">
                    </td>
                </tr>
        </table>
    </form>
</body>
</html>

二，QQ注册

<!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>欢迎注册QQ</h3>
    <h4>每一天，乐在沟通。</h4>
    <table width="100">
        <tr height="30" width="100">
            <td>
                <input type="text" placeholder="昵称">
            </td>
        </tr>
        <tr height="30" width="100">
            <td>
                <input type="text" placeholder="密码">
            </td>
        </tr>
        <tr height="30" width="100">
            <td>
                <select name="" id="">
                    <option value="+86" selected>+86</option>
                    <option value="+12">+12</option>
                </select>
                <input type="text" placeholder="手机号码"><br>
                可通过该手机号码找回
            </td>
        </tr>
        <tr height="30" width="100">
            <td>
                <a href="">
                    <img width="180" src="./立即注册.png" alt="">
                </a>
            </td>
        </tr>
        <tr width="180" height="30">
            <td>
                <input type="checkbox">我已阅读并同意相关服务条款和隐私政策
            </td>
        </tr>
    </table>
</body>
</html>

三，QQ登录

 

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>QQ登录页面</title>
	<style>
 	a{text-decoration: none;}
 	</style>
</head>
<body>
	<table align="center">
  			<tr>
  				<th><h1>账号密码登录</h1></th>  
  			</tr>

  			<tr>
  				<td>推荐使用,防止盗号。<br><br></td>
  			</tr>
  		
  			<tr>
  				<td><form>
  				账号:<input type="text" name="账号" style="width:200px; height:30px; font-size:15px;" placeholder="支持QQ号/邮箱/手机号登录" >
  				<br><br>
  				密码:<input type="password" name="密码" style="width:200px; height:30px; font-size:15px;" placeholder="密码">
  				</form></td>
  			</tr>

  			<tr>
  				<td><br>        
  				<a href="">
					<img loading="lazy" src="./授权并登录.png" width="200" height="40" />
				</a></td>
			</tr>

			<tr>
				<td><br><br>
  				<a href="" style="height:28px; font-size:12px; line-height:28px;">
  				忘了密码?</a>
  				 | 
  				<a href="" style="height:28px; font-size:12px; line-height:28px;">新账号</a>
  				 |  
  				<a href="" style="height:28px; font-size:12px; line-height:28px;">意见反馈</a>
  				<br><td>
  			</tr>

  			<tr>
  				<td><p style="height:28px; font-size:12px; line-height:28px;" >将获得以下权限:</p>
  				<br>
  				<input type="checkbox" name="" checked="checked">全选<br>
				<input type="checkbox" name="" checked="checked">获得您的昵称、头像、性别
				</td>
			</tr>
	</table>
</body>
</html>

四，sina注册页面

<!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>
    <table width="300" border="0" cellspacing="1" cellpadding="2">
        <tr height="30">
            <td>
                手机号码: <input type="text" name="" id="">
            </td>
        </tr>
        <tr height="30">
            <td>
                使用微博账号直接登录
            </td>
        </tr>
        <tr height="30">
            <td>
                设置密码: <input type="text" name="" id="">
            </td>
        </tr>
        <tr height="30">
            <td>
                兴趣标签: <br>
                <input type="checkbox" value="新闻">新闻
                <input type="checkbox" value="娱乐">娱乐
                <input type="checkbox" value="文化">文化
                <input type="checkbox" value="体育">体育
                <input type="checkbox" value="IT">IT 
                <input type="checkbox" value="财经">财经
                <input type="checkbox" value="时尚">时尚
                <input type="checkbox" value="汽车">汽车
                <input type="checkbox" value="房产">房产
                <input type="checkbox" value="生活">生活<br>
            </td>
        </tr>
        <tr height="30">
            <td>
                上发手机短信：
                <input type="submit" value="我要使用注册手机发送短信">
            </td>
        </tr>
    </table>
    《新浪网络使用协议》
    《新浪个人信息保护政策》
</body>
</html>

超级修勾¥
关注
sdau启航第二次作业
qq_62725148的博客
05-22 1万+
笔记： Css在style标签下 选择器{样式} 给谁改样式{什么样式} <style> p{color: rgb(215, 72, 72);} </style> Color改变颜色font-size更改字体大小 Css主要由两部分组成选择器以及一条或多条声明 属性与属性之间要用：分割结尾用； 1.Css、样式格式代码风格： 展开型书写 用小写字母书写 属性值前面，冒号后面保留一个空格；选择器后面保留一个空格 2.选择器： 选择某个
JSP第二次作业_4小题
HWP
05-06 5025
本题包括4个JSP程序，one.jsp、two.jsp、three.jsp、error.jsp。 one.jsp具体要求如下： 要求one.jsp页面有一个表单，用户使用该表单可以输入一个1至100之间的整数，并提交给下一个页面；如果输入的整数在50至100之间（不包括50）就转向three.jsp，如果在1至50之间就转向two.jsp；如果输入不符合要求就转向error.jsp。要求forwa...
JSP第二次作业_3小题
HWP
05-06 2761
动态包含页面并传递数据。要求程序包含两个文件，主文件加载次文件，并将随机产生的50~100之间的数据传递给它，并且在页面上显示两个信息：该数据和这个数据的平方根。
JSP第二次作业_6小题
HWP
05-06 3047
题目描述： 6、猜数字游戏。本题包括4个JSP程序，inputGuess.jsp、resultGuess.jsp、small.jsp、large.jsp和success.jsp。 inputGuess.jsp的具体要求如下： 用户请求inputGuess.jsp时，随机分配给该用户一个1到100之间的数。该页面同时负责将这个数字存在用户的session对象中。该页面提供表单，用户可以使用该表单输入...
JSP第二次作业_1小题
HWP
05-06 3741
题目： 编写一个JSP程序，计算1！+2！+3！+4！+5！，并显示出结果。要求先声明计算阶乘的方法，再调用该方法，最后在页面上输出结果。 进阶要求，通过表单提交一个正整数，然后计算它的阶乘和。例如：输入3，就计算1！+2！+3！。 阶乘之和比较大，有些情况会超出int类型数据范围！ int的取值范围为： -2^31——2^31-1，即-2147483648——2147483647 我的代码： ...
第二次作业.html
11-16
第二次作业.html
《计算机文化基础》第二次作业.pdf
10-10
《计算机文化基础》这门课程的第二次作业涵盖了多个IT基础知识点，主要涉及计算机软件应用，尤其是Microsoft Office套件中的PowerPoint、Excel等组件的使用。以下是这些知识点的详细解释： 1. **文件扩展名**：扩展...
第二次作业—谭程（TS22070113A31TM）.html
11-24
第二次作业—谭程（TS22070113A31TM）.html
计算机应用基础(第二次作业).doc
04-21
根据提供的文档内容，我们可以推断出这份文档是关于“计算机应用基础”课程的第二次作业，主要涉及计算机网络的基础知识。接下来，我们将从标题、描述、标签以及部分内容中提炼出相关知识点。 ### 标题和描述 标题...
231041231 陈媛 第二次作业.docx
11-17
二、IndexServlet IndexServlet是一个Servlet组件，用于处理用户的登录请求。该Servlet的主要功能是： 1. 检查用户是否已经登录：如果用户已经登录，Servlet将显示欢迎信息，并提供退出链接。 2. 设置Cookie：如果...
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 882
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
【JavaScript】LeetCode：707设计链表
最新发布
weixin_45980065的博客
09-14 601
【代码】【JavaScript】LeetCode：707设计链表。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 482
实现中国地图各省数据案例
Vue接入高德地图并实现基本的路线规划功能
黄团团的个人博客
09-11 525
找到public目录下的index.html文件，把刚才申请好的2个密钥分别粘贴进去，第一个securityJsCode是填入安全密钥，第二个红框是填入Key。登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。
JS笔记
2201_76100326的博客
09-11 903
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
haodanzj的博客
09-11 291
动态在本地引入图片
JS的输出语句
J3259392566的博客
09-13 271
js中严格区分大小写。
八十多种证件识别接口-JavaScript身份证识别API示例-护照识别-户口页识别
weixin_41711744的博客
09-12 631
证件识别API包含了身份证识别、护照识别、户口页识别、港澳台来往通行证识别等八十多种证件识别类型，提供了快速、精准的证件信息提取功能，广泛应用于实名认证 、机场出入口等场景。身份证识别API常用于在线支付、金融服务、酒店入住等需要进行实名认证和提取身份信息的场景。在这些场景中，通过快速识别和验证身份证信息，可以有效提高处理速度，减少人为错误，增强安全性。八十多种证件识别接口提供了一种高效、精准的识别方式来读取各类证件信息，通过合理应用这些技术，可以大幅提升用户体验和企业运营效率。
《实现 HTML 图片轮播效果》
qq_69304031的博客
09-11 804
在网页设计中，轮播效果是非常常见且重要的元素。它可以在有限的空间内展示多张图片或者广告，能够有效地吸引用户的注意力，提高信息展示的效率。常用于网站首页的焦点图展示、商品图片展示等场景。以下是一个简单的 HTML、CSS 和 JavaScript 实现的图片轮播代码示例。
禅道项目管理软件的二次开发详解
"禅道定制开发适用于禅道的二次开发" 禅道项目管理软件是一款基于自主开发的zentaoPHP框架构建的应用，它提供了丰富的扩展和集成能力，允许开发者进行二次开发，以满足特定的项目管理和团队协作需求。zentaoPHP框架...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值