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

最新推荐文章于 2024-06-17 13:30:29 发布

额无语

最新推荐文章于 2024-06-17 13:30:29 发布

阅读量614

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： php html css 开发语言 echarts

本文链接：https://blog.csdn.net/m0_67266585/article/details/125176779

版权

本文介绍了一个使用PHP、HTML和CSS完成的简单登录与注册页面的实现过程，包括登录页面的设计、后台操作，以及注册页面的前后台逻辑。作者在实验环境中使用了phpstudy2018，通过创建不同文件处理登录和注册功能，并分享了关键代码段，描述了在SQL语句构造中遇到的挑战和解决方法。

摘要由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">欢迎使用，请登录</

最低0.47元/天解锁文章

额无语

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html+css+php+mysql 简单的页面登录与注册(数据库的交互)

这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是搞定了！！！说了那麽多，还是分享一下吧！实验环境是phpstudy2018。在phpstudy的www目录里，创建一个新文件夹test。文件里有：index.php 主页面(登陆页面)login.php 登录页面的后台操作register.html 注册页面register.php 注册页面的后台操作先上图有点简单了。下面是源码主要就是对登录页面的背景，颜色，登录框背景，颜色，字体大小等等的设置，这也没
复制链接

扫一扫

专栏目录