html+css+php+mysql 简单的页面登录与注册(数据库的交互)

最新推荐文章于 2024-07-30 17:27:42 发布

m0_67391907

最新推荐文章于 2024-07-30 17:27:42 发布

阅读量3.9k

点赞数 13

分类专栏：前端 html 文章标签： chrome javascript 前端

本文链接：https://blog.csdn.net/m0_67391907/article/details/123253416

版权

本文介绍了一个使用HTML、CSS、PHP和MySQL构建的简单页面登录与注册系统。作者通过分享项目的实现过程，详细讲解了登录和注册的后台操作，包括与数据库的交互，以及遇到的问题和解决方法。尽管项目简单，但对于初学者来说具有一定的参考价值。

摘要由CSDN通过智能技术生成

这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是搞定了！！！

说了那麽多，还是分享一下吧！

主页面(登录页面)

先上图
在这里插入图片描述

有点简单了。

下面是源码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
body {
	 background-size: cover;

                min-width: 1000px;

	background-image:url(https://s1.ax1x.com/2020/08/23/d0t8ln.jpg);

	font-size:14px;
}
#main {
	width:360px;
	height:320px;
	background:#fff;
	border:1px solid #ddd;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-180px;
	margin-top:-160px;
	background-size: cover;
	background-image:url(https://s1.ax1x.com/2020/07/31/alzGMn.jpg);
}
#main .title {
	height: 48px;
	line-height: 48px;
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-indent:30px;
	border-bottom:1px dashed #eee;
	
}
#main form {
	width:300px;
	margin:20px 0 0 40px;
}
#main form label {
	margin:20px 0 0 40px;
	display:block;
}
#main form label input.text {
	width:200px;
	height:25px;
}

#main form label input.submit {
	width:200px;
	display:block;
	height:35px;
	cursor:pointer;
	margin:20px 0 0 2px;
}
</style>
</head>
<body>
	<div id="main">
		<div class="title">欢迎使用，请登录</