一个高级的登录和注册

最新推荐文章于 2024-08-19 20:53:10 发布
最新推荐文章于 2024-08-19 20:53:10 发布
阅读量207 收藏 2
点赞数 7
分类专栏： html css javascript 文章标签： html scss css 前端 javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73188161/article/details/139272700
版权
html 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
css
3 篇文章 0 订阅
订阅专栏
javascript
2 篇文章 0 订阅
订阅专栏

登录效果图

注册效果图

登录

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bk.css"/>
    <title>小刘的世界</title>
    <link rel="Shortcut icon" href="img/tx2.ico"/>
    <link rel="stylesheet" href="css/bk.css"/>
    <script src="js/jquery.js"></script>
    <script src="js/dl.js"></script>
	<script src="js/dlcgtanc.js"></script>
	<script src="js/djs.js"></script>
</head>
<body background="img/bj.jpg" style="background-repeat:no-repeat; background-attachment:fixed; background-size:1530px 710px;">
	<div class="dl">
		<h1 class="yhd">Hello You!</h1>
		<div class="napw">
			<!--用户名-->
			<div>
				<label for="name" class="name">用户名:</label>
				<input type="text" id="name" name="name" placeholder="请输入用户名">
				<span class="error-message" id="nameError"></span>
			</div>
			<!--结束-->

			<!--密码-->
			<div class="mim">
				<label class="pwd">密&nbsp;&nbsp;&nbsp;码:</label>
				<input type="password" id="pwd" name="pwd" placeholder="请输入密码">
				<span class="error-message" id="pwdError"></span>
			</div>
			<!--结束-->

			<!-- 注册 -->
			<div class="zc">
				<strong><p>没有账号去<a href="zc.html" class="zc1">注册</a></p></strong>
			</div>
			<!-- 结束 -->

			<div class="wz">
				<input type="submit" id="submitBtn"/>
			</div>

		</div>
	</div>

	<div id="light" class="pop_win">
		<div class="centered-image">
			<img src="img/tx2.ico"/>
		</div>
		
		<div class="wenz">
			<p>欢迎来到小刘的网站</p>
		</div>
		
		 <div id="countdown">5</div>
		 
		 <div class="fl">
			 <p>请遵守网络规则，不能触碰法律的底线</p>
		 </div>
		 
		 <div class="bq">@2024-2025</div>
		 
	</div>
	<div id="fade" class="black_overlay">
		<a href="javascript:void(0)" onclick="closeWin();" style="float: right;" class="fancybox-button fancybox-button--close">
											<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
												<path d="M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"></path></svg></a></div>
</body>
<script>
	var countdownElement = document.getElementById('countdown');
	var timeLeft = 5;
	var countdownStarted = false;
	var countdownInterval;
	
	// 更新倒计时显示
	function updateCountdown() {
	  countdownElement.textContent = timeLeft;
	  timeLeft--;
	
	  if (timeLeft < 0) {
	    clearInterval(countdownInterval); // 清除计时器
	    countdownElement.textContent = '欢迎来到小刘的世界';
	    timeLeft = 5; // 重置倒计时时间
	    countdownStarted = false;
	  }
	}
	
	// 点击登录按钮时开始倒计时
	document.getElementById('submitBtn').addEventListener('click', function(e) {
	  e.preventDefault(); // 阻止表单默认提交行为
	
	  if (!countdownStarted) {
	    countdownStarted = true;
	    updateCountdown();
	    countdownInterval = setInterval(updateCountdown, 1000); // 每隔一秒更新一次倒计时
	  }
	
	  // 在这里添加你的登录逻辑
	});
</script>
</html>

CSS：bk.css

/*背景*/
body {
	margin: 0;
	padding: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*结束*/

/*登录*/
.dl{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	width: 500px;
	height: 400px;
	z-index: 5;
}

.yhd{
	color: white;
	text-align:center;
}

.napw{
	margin-top: 50px;
	margin-left: 40px;
	z-index: 2
}

.name{
	color: white;
	font-size: 25px;	
	margin-left: 50px;
}


.pwd{
	color: white;
	font-size: 25px;
	margin-left: 50px;
}

.mim{
	margin-top: 30px;
}

 input[type="text"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}

/*用户名样式*/
input[type="text"]:hover {
  border-color: #999;
}

input[type="text"]:focus {
  border-color: #555;
  box-shadow: 0 0 5px #555;
}
/*结束*/


 input[type="password"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}

/*密码样式*/
input[type="password"]:hover {
  border-color: #999;
}

input[type="password"]:focus {
  border-color: #555;
  box-shadow: 0 0 5px #555;
}

/*结束*/

/*按钮*/
input[type="submit"] {
  padding: 10px 50px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #0056b3;
}

.wz{
	position: fixed;
	bottom: 200px; /* 距离底部的距离 */
	right: 700px; 
}
/*结束*/

.zc{
	margin-top: -1em;
	margin-left: 8.5em;
	color: #fff;
}

.zc1{
	color: red;
}

a:link {
	color: blue;
	text-decoration:none;
}

.error-message {
	display: block;
	color: red;
	margin-left: 8.5em;
}

.black_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #222;
	z-index: 1001;
	opacity: .80;
}
.pop_win {
	display: none;
	position: fixed;
	top: 10%;
	left: 40%;
	width: 20%;
	height: 75%;
	padding: 10px;
	border: 2px solid #3b3e41;
	background-color: white;
	z-index: 9999;
	overflow: auto;
	border-radius: 25px;
	overflow-x: hidden; /* 隐藏水平滚动条 */
	  overflow-y: hidden; /* 隐藏垂直滚动条 */
}
.fancybox-button {
	background: rgba(30, 30, 30, .6);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px;
}

.centered-image {
  position: relative;
  height: 100vh; /* 设置高度为视口高度，实现垂直居中 */
  text-align: center; /* 实现水平居中 */
}

.centered-image img {
  position: absolute;
  top: 20%; /* 定位到父元素的50%处 */
  left: 50%; /* 定位到父元素的50%处 */
  transform: translate(-50%, -50%); /* 利用transform属性将图片居中 */
  width: auto;
  height: auto;
}

.wenz p{
	margin-top: -20em;
	text-align: center;
	font-size: 20px;
}

#countdown{
	text-align: center;
	font-size: 20px;
}

.fl p{
	text-align: center;
	margin-top: 7em;
	font-size: 15px;
}

.bq{
	text-align: center;
	color: #999;
	margin-top: -0.5em;
}

JS:dl.js

function isValidEmail(email) {
    var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
    return emailRegex.test(email);
}

$(document).ready(function() {
    $("#submitBtn").click(function(e) {
        e.preventDefault(); // 阻止表单默认提交行为

        var name = $("#name").val();
        var pwd = $("#pwd").val();

        if (name === "") {
            showError("邮箱不能为空", "#nameError");
            return;
        } else {
            clearError("#nameError");
        }
        
        if (!isValidEmail(name)) {
            showError("请输入有效的邮箱地址", "#nameError");
            return;
        } else {
            clearError("#nameError");
        }

        if (pwd === "") {
            showError("密码不能为空", "#pwdError");
            return;
        } else {
            clearError("#pwdError");
        }

        if (name === "3158749833@qq.com" && pwd === "1234") {
			popWin();
			setTimeout(function() {
			        window.location.href = "http://127.0.0.1:8848/Qiang/index.html";
			    }, 5000); // 5000毫秒即5秒
			return;
        } else {
            alert("用户名或密码错误");
        }

        // 模拟登录成功
    });

    function showError(message, target) {
        $(target).text(message);
    }

    function clearError(target) {
        $(target).text('');
    }
});

/* 弹窗 */

JS:dlcgtanc.js

function popWin() {
	document.getElementById('light').style.display = 'block';
	document.getElementById('fade').style.display = 'block';

	setTimeout(function(){ 	
		closeWin();
	},5000);
}

function closeWin() {
	document.getElementById('light').style.display = 'none';
	document.getElementById('fade').style.display = 'none';
}

注册

HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bk.css"/>
    <title>小刘的世界</title>
    <link rel="Shortcut icon" href="img/tx2.ico"/>
    <link rel="stylesheet" href="css/zc.css" />
    <script src="js/yzm.js"></script>
    <script src="js/jquery.js"></script>
	<script src="js/yanz.js"></script>
</head>
<body background="img/bj.jpg" style="background-repeat:no-repeat background-attachment:fixed; background-size:1530px 710px; " >
<div class="dl">
    <h1 class="yhd">Hello You!</h1>

    <div class="napw">
        <!--用户名-->
        <div>
            <label for="name" class="name"></label>
            <input type="text" id="name" class="cd" name="name" placeholder="请输入邮箱" required>
            <span class="error-message"></span>
        </div>
        <!--结束-->

        <!--密码-->
        <div class="">
            <label for="input" class="pwd"></label>
            <input type="password" id="pwd" name="pwd" placeholder="请输入密码" required>
            <span class="error-message"></span>
        </div>
        <!--结束-->

        <!-- 确认密码-->
        <div class="mim1">
            <label for="input" class="pwd"></label>
            <input type="password" class="qren" id="pwd" name="pwd" placeholder="请输入确认密码" required>
            <span class="error-message"></span>
        </div>
        <!-- 结束 -->

        <!-- 验证码 -->
        <div class="yzm">
            <label for="input" class="pwd"></label>
            <input type="text" id="yzm" name="yzm" placeholder="请输入验证码" required>
            <span class="error-message"></span>
        </div>
        <div class="yzm1">
            <button onclick="startCountdown()"><span id="countdown"></span>发送验证码</button>
        </div>
        <!-- 结束 -->

        <div class="wz">
            <input type="submit"/>
        </div>

    </div>
</div>
</body>
</html>

CSS:zc.css

/*背景*/
body {
	margin: 0;
	padding: 0;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*结束*/

/*登录*/
.dl{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	width: 500px;
	height: 400px;
	z-index: 5;
}

.yhd{
	color: white;
	text-align:center;
}

.napw{
	margin-top: 50px;
	margin-left: 40px;
	z-index: 2
}

.name{
	color: white;
	font-size: 25px;	
	margin-left: 50px;
}


.pwd{
	color: white;
	font-size: 25px;
	margin-left: 50px;
}

.mim{
	margin-top: 30px;
}

#pwd{
	width: 300px;
}
.cd{
	width: 300px;
}

 input[type="text"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}

/*用户名样式*/
input[type="text"]:hover {
  border-color: #999;
}

input[type="text"]:focus {
  border-color: #555;
  box-shadow: 0 0 5px #555;
}
/*结束*/


 input[type="password"] {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}

/*密码样式*/
input[type="password"]:hover {
  border-color: #999;
}

input[type="password"]:focus {
  border-color: #555;
  box-shadow: 0 0 5px #555;
}

/*结束*/

/*按钮*/
input[type="submit"] {
  padding: 10px 50px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

input[type="submit"]:hover {
  background-color: #0056b3;
}

.wz{
	position: fixed;
	bottom: 170px; /* 距离底部的距离 */
	right: 700px; /* 距离右侧的距离 */
}


/*结束*/

/* 修改输入框样式为只有下划线 */
input[type="text"],
input[type="password"] {
  border: none;
  border-bottom: 1px solid #000; /* 下划线样式 */
  background-color: transparent; /* 去除背景颜色 */
  outline: none; /* 去除默认边框样式 */
  padding: 10px; /* 调整内边距 */
  color: #000; /* 文本颜色 */
  font-size: 16px; /* 字体大小 */
  margin-bottom: 20px; /* 调整下方间距 */
}

/* 鼠标悬停样式 */
input[type="text"]:hover, input[type="password"]:hover {
  border-bottom: 2px solid #000; /* 悬停时增加下划线粗细 */
}

/* 焦点样式（点击时） */
input[type="text"]:focus, input[type="password"]:focus {
  border-bottom: 2px solid #000; /* 聚焦时增加下划线粗细 */
}

/* 注册 */
.yzm1{
	margin-top: -2.7em;
	margin-left: 17em;
}

#countdown {
	  font-size: 1-px;
	  padding: 1px;
	  text-align: center;
}
/* 结束 */

.error-message {
	display: block;
	color: red;
	margin-top: -1em;
	margin-left: 3em;
}

JS:yzm.js


let countdown = 60;
let interval;

function startCountdown() {
let countdownElement = document.getElementById('countdown');
let button = document.querySelector('button');

button.disabled = true;

interval = setInterval(function() {
  if (countdown <= 0) {
	clearInterval(interval);
	countdownElement.innerText = '';
	button.disabled = false;
	countdown = 60;
  } else {
	countdownElement.innerText = countdown;
	countdown--;
  }
}, 1000);
}

JS:yanz.js

function isValidEmail(email) {
	var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	return emailRegex.test(email);
}

$(document).ready(function() {
	$("input[type='submit']").click(function(e) {
		e.preventDefault(); // 阻止表单默认提交行为

		var name = $("#name").val();
		var pwd = $("#pwd").val();
		var qr = $(".qren").val();
		var yzm = $("#yzm").val();

		if (name === "") {
			$("#name").next().text("邮箱不能为空");
			return;
		} else {
			$("#name").next().text("");
			
		}
		
		if (!isValidEmail(name)) {
			$("#name").next().text("请输入有效的邮箱地址");
			return;
		} else {
			$("#name").next().text("");
		}

		if (pwd === "") {
			$("#pwd").next().text("密码不能为空");
			return;
		} else if (pwd.length < 6) {
			$("#pwd").next().text("密码长度不能小于6位");
			return;
		} else if (!/[a-z]/.test(pwd) || !/[A-Z]/.test(pwd)) {
			$("#pwd").next().text("密码必须包含大小写字母");
			return;
		} else {
			$("#pwd").next().text("");
		}

		if (qr === "") {
			$(".qren").next().text("请再次输入密码");
			return;
		} else {
			$(".qren").next().text("");
		}

		if (pwd !== qr) {
			$(".qren").next().text("两次输入的密码不一致");
			return;
		} else {
			$(".qren").next().text("");
		}

		if (yzm === "") {
			$("#yzm").next().text("验证码不能为空");
			return;
		} else {
			$("#yzm").next().text("");
		}

		if(yzm === "1634") {
			alert("注册成功");
			window.location.href = "http://127.0.0.1:8848/htxtdl/bk.html";
			return;
		} else{
			$("#yzm").next().text("验证码错误");
			return;
	});
});

小刘码农
关注
  • 7
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Laravel实现用户注册和登录
10-24
Laravel是一个开源的PHP Web应用框架，它遵循...本文仅涉及了Laravel实现用户注册和登录的基本知识点和步骤，实际开发中可能还需要考虑更多细节和高级特性。通过阅读本教程，读者应能够搭建起一个基本的用户认证系统。
css3登录注册表单切换特效
06-24
本话题主要聚焦于一个特定的应用——"css3登录注册表单切换特效"，这是一款巧妙地利用CSS3特性的设计，实现了在登录与注册表单间的平滑切换，带给用户一种现代且专业的视觉体验。 首先，我们要理解这个特效的核心...
JSP实现用户登录、注册和退出功能
10-22
在登录注册系统中，用户可能首先访问登录页面，如果未注册，他们可以选择注册新账户，成功登录后可以浏览受保护的页面，而选择退出则会结束会话。 3. **数据库设计**：为了存储用户信息，我们需要一个用户表。在这...
自定义登录和注册页面源代码，纯个人原生写的
07-04
这个"now-ui-login"的文件名可能暗示了源代码是基于Now UI Design System，一个流行的前端框架，它提供了现代、扁平化的设计元素，帮助快速构建美观的界面。 总的来说，自定义登录和注册页面源代码的开发涉及了前端...
蓝色登录注册模板HTML_蓝色登录注册模板_
10-04
"蓝色登录注册模板HTML"是一个专为用户提供登录和注册界面设计的资源，旨在帮助开发者快速构建具有专业外观和良好交互性的网页。蓝色通常给人以稳重、专业的感觉，因此在企业级应用或正式场合中较为常见。 这个模板...
响应式Web设计：纯HTML和CSS的实现技巧
Caleb的博客
08-16 736
响应式设计的核心理念是使用灵活的布局和媒体查询来自动调整网页的布局和样式。传统的静态网页设计往往只能适应固定的屏幕尺寸，而响应式设计则能够根据用户设备的不同，自适应地调整内容展示。它允许我们为不同的屏幕尺寸和特性定义不同的CSS样式，从而实现页面的自适应布局。）在响应式设计中非常重要，因为它们可以根据不同的设备和用户设置调整元素的大小。这样，无论图片的实际尺寸如何，它都会根据其容器的宽度自动缩放，从而避免了图片溢出容器的情况。函数，使得网格项在屏幕尺寸变化时自动调整列数和列宽，从而适应不同的显示设备。
JS（三）——更改html内数据
初叙
08-15 278
JavaScript更改html内数据
加速网页加载，提升用户体验：HTML、JS 和 Vue 项目优化全攻略
服务员的博客
08-16 821
除了以上列出的方法，还有很多其他的优化技巧，例如使用 CDN 加速、HTTP/2 协议、Service Worker 缓存等等。在信息爆炸的时代，网页加载速度成为了用户体验的重中之重。为了留住用户，提升转化率，网页优化势在必行！网页优化是一个持续的过程，需要不断学习和实践。通过以上方法，你可以有效提升网页加载速度，为用户提供更流畅的体验，最终实现更高的转化率和用户满意度。本文将从 HTML、JavaScript 和 Vue 项目三个方面，为你提供一份全面的网页优化指南，助你打造闪电般的加载速度！
html转vue项目
qq_38880880的博客
08-19 187
总结来说，将HTML代码转换为Vue需要引入Vue框架并编写Vue组件，使用Vue的数据绑定和事件绑定语法实现页面的动态更新。当我们点击"Change Name"按钮时，changeName方法会被调用，将name属性的值改为"Vue.js"。在Vue的data选项中，我们定义了一个name属性，并将其初始值设为"Vue"。除了简单的数据绑定和事件绑定外，Vue还提供了丰富的指令和组件库，用于构建更复杂的用户界面。通过使用这些特性，我们可以将HTML代码转换为更加动态和交互的Vue应用。
JavaScript HTML DOM 实例
wjs2024的博客
08-16 404
通过这些实例，我们可以看到JavaScript HTML DOM的强大功能。它可以让我们动态地添加、修改和删除页面元素，以及响应用户的交互操作。掌握DOM操作是前端开发的重要技能之一，希望这些实例能帮助您更好地理解和应用DOM操作。
会员注册表单包括先写基础信息，地址选择，上传文件，填写身份证号等功能JavaScript+HTML
weixin_68441705的博客
08-15 687
基础信息，比如用户名、密码等都使用正则表达式在JS中实现，地址采用省市区三级联动，包括了全部地区，身份证号也是适用正则进行验证的。比较基础，适合刚开始接触前端的小白（因为我就是）
HTML 的 ＜a＞ 标签简单介绍
qq_48763502的博客
08-19 286
HTML 的。
day01- Web开发介绍-HTML-CS
2303_80556719的博客
08-17 935
我们介绍Web网站工作流程的时候提到，前端开发，主要的职责就是将数据以好看的样式呈现出来。说白了，就是开发网页程序，如下图所示：那在讲解web前端开发之前，我们先需要对web前端开发有一个整体的认知。主要明确一下三个问题：1). 网页有哪些部分组成?文字、图片、音频、视频、超链接、表格等等。2). 我们看到的网页，背后的本质是什么?程序员写的前端代码 (备注：在前后端分离的开发模式中，)3). 前端的代码是如何转换成用户眼中的网页的?通过浏览器转化（解析和渲染）成用户看到的网页。
前端开发中的大屏布局方案：使用 rem 单位与动态设置 html 的 font-size
前端开发工程师
08-19 1311
在前端开发中，实现响应式布局是非常重要的，尤其是在大屏幕设备上。本文将介绍一种使用 rem 单位和动态设置 html 元素的 font-size 的方法，来实现大屏布局的解决方案。
Web前端 - HTML、CSS
qq_57620101的博客
08-19 224
(Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，Live Preview: 右键show Preview 实时预览效果。所有现代的 HTML 页面都可以使用 JavaScript。Live Preview: HTML AI助手。JavaScript 是 Web 的编程语言。我们可以大大提升网页开发的工作效率！文件扩展名为 .css。
从力扣中等+困难题+表白HTML测试 -- 文心快码（Baidu Comate）
种花家的奋斗兔的博客
08-16 1251
官网地址Step1打开文心快码（Baidu Comate）官网，点击「免费使用」/「下载安装」Step2可以根据官网步骤快速唤起VS Code；也可以直接在VS Code扩展管理搜索“文心快码”/“Baidu Comate”并安装；在插件市场搜索“文心快码”/“Baidu Comate”并安装；Xcode需要先下载文心快码(Baidu Comate)安装包后完成配置。Step3安装完成后登录账号，即刻开启智能代码之旅！
超文本文档HTML
最新发布
2301_76740986的博客
08-19 155
【代码】超文本文档HTML。
HTML 基础要素解析
前端基地
08-19 296
本文将针对 HTML 的基本要素展开深入解析，所涵盖的内容丰富多样，其中包括 HTML 的全面介绍、纯文本的详细阐释、其他类型文本的相关论述、HTML 骨架的细致剖析、文档类型（!DOCTYPE）声明的深度解读、字符集（通过 meta 标签设定）的详尽说明、关键字和页面描述（同样借助 meta 标签）的全面讲解等等。
HTML原生手搓询盘
p_s_p的博客
08-15 402
【代码】HTML原生手搓询盘。
用html写一个高级的登录注册网页
04-04
但是，我可以提供一些基本的HTML结构和元素，来帮助您构建一个高级的登录注册网页。 1. HTML结构 <!DOCTYPE html> 登录注册网页 , initial-scale=1.0"> <!-- 在此处添加网页内容 --> 2. 登录表单 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值