php+html+css制作非常好看网站登录与注册界面

最新推荐文章于 2021-04-13 21:03:50 发布
最新推荐文章于 2021-04-13 21:03:50 发布
阅读量4.3k 收藏 52
点赞数 5
分类专栏： php html css 文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45874000/article/details/109537293
版权
php 同时被 3 个专栏收录
3 篇文章 0 订阅
订阅专栏
html
3 篇文章 0 订阅
订阅专栏
css
2 篇文章 0 订阅
订阅专栏

php+html+css制作非常好看网站登录与注册界面

php版本：5.2.17
phpstudy版本：v8.0

首先看一下效果图：

登录界面：
在这里插入图片描述
在这里插入图片描述
(输入密码也是一样的！)
在这里插入图片描述
注册页面：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
以上就是效果图
代码：
index.php

<!DOCTYPE html>
<!-- saved from url=(0053)http://ceshi2.com/member/register_include.php?lang=cn -->
<html class=" met-web oxh js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="robots" content="noindex,nofllow">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
<meta name="format-detection" content="telephone=no">
<title>会员注册-会员中心-网站名称</title>
<link rel="stylesheet" type="text/css" href="https://weui.io/style/weui.css">
<link rel="stylesheet" type="text/css" href="https://weui.io/example.css">
<script type="text/javascript" src="https://weui.io/zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
<script type="text/javascript" src="https://weui.io/example.js"></script>
<style type="text/css">
* ::before {
    content: '';

}
</style>
<script type="text/javascript" class="toast js_show">
    // toast
    $(function(){
        var $toast = $('#toast');
        $('#showToast').on('click', function(){
            if ($toast.css('display') != 'none') return;

            $toast.fadeIn(100);
            setTimeout(function () {
                $toast.fadeOut(100);
            }, 2000);
        });
    });

    // loading
    $(function(){
        var $loadingToast = $('#loadingToast');
        $('#showLoadingToast').on('click', function(){
            if ($loadingToast.css('display') != 'none') return;

            $loadingToast.fadeIn(100);
            setTimeout(function () {
                $loadingToast.fadeOut(100);
            }, 2000);
        });
    });</script>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="MetInfo 7.2.0" data-variable="../|cn|cn|metv7|10|1|0" data-user_name="">
<link href="http://ceshi2.com/favicon.ico?1560821434" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="public/web/css/basic.css">
<link rel="stylesheet" type="text/css" href="index/metinfo.css">
<style>
body{
    background-color: !important;font-family: !important;}
h1,h2,h3,h4,h5,h6{font-family: !important;}
</style>
<script src="index/hm.js"></script><script>(function(){var t=navigator.userAgent;(t.indexOf("rv:11")>=0||t.indexOf("MSIE 10")>=0)&&document.write("<script src=\"../public/plugins/html5shiv.min.js\"><\/script>")})();</script>
<link href="index/online.css" type="text/css" rel="stylesheet"></head>
<!--[if lte IE 9]>
<div class="text-xs-center m-b-0 bg-blue-grey-100 alert">
    <button type="button" class="close" aria-label="Close" data-dismiss="alert">
        <span aria-hidden="true">×</span>
    </button>
    你正在使用一个 的浏览器。请以提高您的体验。</div>
<![endif]-->
<body>

<header class="met-head" m-id="met_head" m-type="head_nav">
    
</header>
        <div class="met-banner-ny vertical-align text-center" m-id="banner">
                <h3 class="vertical-align-middle">会员中心</h3>
    </div>
                        <section class="met-column-nav" m-id="subcolumn_nav" m-type="nocontent">
    <div class="container">
        <div class="row">
                                        </div>
    </div>
</section>
    <link href="index/metinfo(1).css" rel="stylesheet" type="text/css">
<style>
.met-member{background:;}
</style>
<div class="register-index met-member page p-y-50 bg-pagebg1">
	<div class="container">
		<form class="form-register met-form met-form-validation panel panel-body fv-form fv-form-bootstrap4" method="post"  data-validate_order="0" novalidate="novalidate"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
	<?php
		if (isset($_POST['button'])) {
			$username=$_POST['username'];
			$pwd=$_POST['pwd'];
			//连接数据库
			mysql_connect('127.0.0.1','root','AAaa1234') or die(mysql_error());
			mysql_select_db('data');  //选择数据库
			mysql_query('set names utf8');
			$sql="select * from user where username='$username' and password='$pwd'";
			$rs=mysql_query($sql);
			mysql_num_rows($rs);
			if (mysql_num_rows($rs)==1) {
				echo "登录成功！尊敬的$username";
			}
			else{
				echo "登录失败";
			}

		}
	?>
			<h1 class="m-t-0 m-b-20 font-size-24 text-xs-center">会员登录</h1>
						<div class="form-group required">
	<div class="input-group">
		<span class="input-group-addon"><i class="fa fa-user"></i></span>
		<input type="text" name="username" required="" class="form-control" placeholder="会员名"   data-fv-remote-message="" data-fv-notempty-message="此项不能为空" data-fv-stringlength="true" data-fv-stringlength-min="4" data-fv-stringlength-max="30" data-fv-stringlength-message="用户名必须在4-30个字符之间" data-fv-field="username">

	</div>

<span class="small-fixed"><small class="form-control-label" data-fv-validator="notEmpty" data-fv-for="username" data-fv-result="NOT_VALIDATED" style="display: none;">此项不能为空</small><small class="form-control-label" data-fv-validator="stringLength" data-fv-for="username" data-fv-result="NOT_VALIDATED" style="display: none;">用户名必须在4-30个字符之间</small></span></div>
<div class="form-group required">
	<div class="input-group">
		<span class="input-group-addon"><i class="fa fa-unlock-alt"></i></span>
		<input type="password" name="pwd" required="" class="form-control" placeholder="密码" data-fv-notempty-message="此项不能为空" data-fv-identical="true" data-fv-identical-field="confirmpassword"  data-fv-stringlength="true" data-fv-stringlength-min="6" data-fv-stringlength-max="30" data-fv-stringlength-message="密码必须在6-30个字符之间" data-fv-field="password">
	</div>
<span class="small-fixed"><small class="form-control-label" data-fv-validator="identical" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">两次密码输入不一致</small><small class="form-control-label" data-fv-validator="notEmpty" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">此项不能为空</small><small class="form-control-label" data-fv-validator="stringLength" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">密码必须在6-30个字符之间</small></span></div>
<div class="form-group">
	


						
			









			    			<button class="btn btn-lg btn-primary btn-squared btn-block" type="submit" name="button" id="button">登录</button>
			<div class="login_link m-t-10 text-xs-right"><a href="login.php">没有账号？前去注册！</a></div>
		</form>
	</div>
</div>
    



<input type="hidden" name="met_lazyloadbg" value="">
<script src="index/lang_json_cn.js"></script>
<script src="index/basic.js" data-js_url="../templates/metv7/cache/metinfo.js?1604380309" id="met-page-js"></script><script src="index/metinfo.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?520556228c0113270c0c772027905838";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


    <script src="index/app.js"></script>
<script src="index/own.js"></script><div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
      <div class="xl-chrome-ext-bar__logo"></div>

      <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
      <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
    </div><style type="text/css">
.onlinebox_one{background-color: transparent;box-shadow: none;}
.onlinebox_one .online-item{width: 68px;height: 60px;margin-bottom: 2px; padding-top: 12px; position: relative;display: block;color: #ffffff;}
.onlinebox_one .online-item:first-child{height: 20px;padding-top: 0px;}
.onlinebox_one .online-item:nth-child(2){border-radius: 5px 5px 0px 0px;}
.onlinebox_one .online-item:last-child{border-radius: 0px 0px 5px 5px;}
.onlinebox_one .online-item i{font-size: 18px;}
.onlinebox_one .onlinebox-open{border-radius: 5px;font-size: 22px;}
.onlinebox_one .close{font-style: initial;color: #fff;opacity: 1;position: absolute; right: -7px; top: -7px; border-radius: 50%; width: 15px;
    height: 15px; display: block;font-size: 14px !important; font-family: arial; }
.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }
@media (min-width: 768px){
.onlinebox_one .onlinebox-open{display: none;}
.onlinebox_one .online-item:first-child{display: none;}
}
@media (max-width: 767px){
.onlinebox_one .online-item:first-child{border-radius: 5px 5px 0px 0px;}
.onlinebox_one .onlinebox_one_list{display: none;}
.onlinebox_one .online-item{width: 54px;height: 50px;font-size: 12px;padding-top: 6px;}
.onlinebox_one .online-item i{font-size: 14px;}
}
</style>
<div id="onlinebox" class="onlinebox onlinebox_one" m-type="online" m-id="online" style="position: fixed; top: 300px; bottom: auto; right: 10px; left: auto;">
    <div class="onlinebox-open text-xs-center" id="onlinebox-open" style="background:#1baadb;"> <i class="fa fa-comments-o"></i>
    </div>
                        
<script>
$(function(){
            metFileLoadFun([
      'http://ceshi2.com/public/plugins/webui-popover/webui-popover.min.css',
      'http://ceshi2.com/public/plugins/webui-popover/jquery.webui-popover.min.js',
      'http://ceshi2.com/public/web/plugins/register/webui-popover.min.js'
    ],function(){
      return typeof $.fn.webuiPopover=='function';
    },function(){
      $('.met-online-weixin').webuiPopover();
    });
        $("#onlinebox-open").click(function(){
        $("#onlinebox").find(".onlinebox_one_list").show();
        $(this).hide();
    });
    $(".close").click(function(){
      $("#onlinebox").find(".onlinebox_one_list").hide();
      $("#onlinebox-open").show();
    });
});
</script>
<div id="toast" style="opacity: 0; display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-warn weui-icon_msg"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
</body>

</html>

login.php

<!DOCTYPE html>
<!-- saved from url=(0053)http://ceshi2.com/member/register_include.php?lang=cn -->
<html class=" met-web oxh js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="robots" content="noindex,nofllow">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,minimal-ui">
<meta name="format-detection" content="telephone=no">
<title>会员注册-会员中心-网站名称</title>
<link rel="stylesheet" type="text/css" href="https://weui.io/style/weui.css">
<link rel="stylesheet" type="text/css" href="https://weui.io/example.css">
<script type="text/javascript" src="https://weui.io/zepto.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script>
<script type="text/javascript" src="https://weui.io/example.js"></script>
<script type="text/javascript" class="toast js_show">
    // toast
    $(function(){
        var $toast = $('#toast');
        $('#showToast').on('click', function(){
            if ($toast.css('display') != 'none') return;

            $toast.fadeIn(100);
            setTimeout(function () {
                $toast.fadeOut(100);
            }, 2000);
        });
    });

    // loading
    $(function(){
        var $loadingToast = $('#loadingToast');
        $('#showLoadingToast').on('click', function(){
            if ($loadingToast.css('display') != 'none') return;

            $loadingToast.fadeIn(100);
            setTimeout(function () {
                $loadingToast.fadeOut(100);
            }, 2000);
        });
    });</script>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="MetInfo 7.2.0" data-variable="../|cn|cn|metv7|10|1|0" data-user_name="">
<link href="http://ceshi2.com/favicon.ico?1560821434" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="public/web/css/basic.css">
<link rel="stylesheet" type="text/css" href="login/metinfo.css">
<style>
body{
    background-color: !important;font-family: !important;}
h1,h2,h3,h4,h5,h6{font-family: !important;}
</style>
<script src="login/hm.js"></script><script>(function(){var t=navigator.userAgent;(t.indexOf("rv:11")>=0||t.indexOf("MSIE 10")>=0)&&document.write("<script src=\"../public/plugins/html5shiv.min.js\"><\/script>")})();</script>
<link href="login/online.css" type="text/css" rel="stylesheet"></head>
<!--[if lte IE 9]>
<div class="text-xs-center m-b-0 bg-blue-grey-100 alert">
    <button type="button" class="close" aria-label="Close" data-dismiss="alert">
        <span aria-hidden="true">×</span>
    </button>
    你正在使用一个 的浏览器。请以提高您的体验。</div>
<![endif]-->
<body>

<header class="met-head" m-id="met_head" m-type="head_nav">
    
</header>
        <div class="met-banner-ny vertical-align text-center" m-id="banner">
                <h3 class="vertical-align-middle">会员中心</h3>
    </div>
                        <section class="met-column-nav" m-id="subcolumn_nav" m-type="nocontent">
    <div class="container">
        <div class="row">
                                        </div>
    </div>
</section>
    <link href="login/metinfo(1).css" rel="stylesheet" type="text/css">
<style>
.met-member{background:;}
</style>
<div class="register-index met-member page p-y-50 bg-pagebg1">
	<div class="container">
		<form class="form-register met-form met-form-validation panel panel-body fv-form fv-form-bootstrap4" method="post"  data-validate_order="0" novalidate="novalidate"><button type="submit" class="fv-hidden-submit" style="display: none; width: 0px; height: 0px;"></button>
					<?php
		if (isset($_POST['button'])) 
			{
			$username=$_POST['username'];
			$pwd=$_POST['pwd'];
			//连接数据库
			$con = mysql_connect('127.0.0.1','root','AAaa1234') or die(mysql_error());
			mysql_select_db('data');  //选择数据库
			mysql_query('set names utf8');
			$sql="insert into user (username,password) values('$username','$pwd')";
			$sql2="select * from user where username='$username' and password='$pwd'";
			$rs=mysql_query($sql2);
			mysql_num_rows($rs);
			if (mysql_num_rows($rs)==1) 
				{
					echo "<center style='color:#FF0000;'><h1>用户名已存在!</h1></center>";
					
				}
				else
				{
					if(mysql_query($sql))
					{
						echo "<center style='color:#FF0000;'><h1>注册成功!正在转跳中</h1></center>";
					}
					
				}
			
				
			}


		
	?>
			<h1 class="m-t-0 m-b-20 font-size-24 text-xs-center">会员注册</h1>
						<div class="form-group required">
	<div class="input-group">
		<span class="input-group-addon"><i class="fa fa-user"></i></span>
		<input type="text" name="username" required="" class="form-control" placeholder="会员名"   data-fv-remote-message="" data-fv-notempty-message="此项不能为空" data-fv-stringlength="true" data-fv-stringlength-min="4" data-fv-stringlength-max="30" data-fv-stringlength-message="用户名必须在4-30个字符之间" data-fv-field="username">

	</div>

<span class="small-fixed"><small class="form-control-label" data-fv-validator="notEmpty" data-fv-for="username" data-fv-result="NOT_VALIDATED" style="display: none;">此项不能为空</small><small class="form-control-label" data-fv-validator="stringLength" data-fv-for="username" data-fv-result="NOT_VALIDATED" style="display: none;">用户名必须在4-30个字符之间</small></span></div>
<div class="form-group required">
	<div class="input-group">
		<span class="input-group-addon"><i class="fa fa-unlock-alt"></i></span>
		<input type="password" name="pwd" required="" class="form-control" placeholder="密码" data-fv-notempty-message="此项不能为空" data-fv-identical="true" data-fv-identical-field="confirmpassword" data-fv-identical-message="两次密码输入不一致" data-fv-stringlength="true" data-fv-stringlength-min="6" data-fv-stringlength-max="30" data-fv-stringlength-message="密码必须在6-30个字符之间" data-fv-field="password">
	</div>
<span class="small-fixed"><small class="form-control-label" data-fv-validator="identical" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">两次密码输入不一致</small><small class="form-control-label" data-fv-validator="notEmpty" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">此项不能为空</small><small class="form-control-label" data-fv-validator="stringLength" data-fv-for="password" data-fv-result="NOT_VALIDATED" style="display: none;">密码必须在6-30个字符之间</small></span></div>
<div class="form-group required">
	<div class="input-group">
		<span class="input-group-addon"><i class="fa fa-unlock-alt"></i></span>
		<input type="password" name="confirmpassword" required="" data-password="password" class="form-control" placeholder="重复密码" data-fv-identical="true" data-fv-identical-field="password" data-fv-identical-message="两次密码输入不一致" data-fv-notempty-message="此项不能为空" data-fv-field="confirmpassword">

	</div>
<span class="small-fixed"><small class="form-control-label" data-fv-validator="identical" data-fv-for="confirmpassword" data-fv-result="NOT_VALIDATED" style="display: none;">两次密码输入不一致</small><small class="form-control-label" data-fv-validator="notEmpty" data-fv-for="confirmpassword" data-fv-result="NOT_VALIDATED" style="display: none;">此项不能为空</small></span></div>

						
			









			    			<button class="btn btn-lg btn-primary btn-squared btn-block" type="submit" name="button" id="button">立即注册</button>
			<div class="login_link m-t-10 text-xs-right"><a href="index.php">已有账号？前去登录！</a></div>
		</form>
	</div>
</div>
    



<input type="hidden" name="met_lazyloadbg" value="">
<script src="login/lang_json_cn.js"></script>
<script src="login/basic.js" data-js_url="../templates/metv7/cache/metinfo.js?1604380309" id="met-page-js"></script><script src="login/metinfo.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?520556228c0113270c0c772027905838";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>


    <script src="login/app.js"></script>
<script src="login/own.js"></script><div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
      <div class="xl-chrome-ext-bar__logo"></div>

      <a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a>
      <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
    </div><style type="text/css">
.onlinebox_one{background-color: transparent;box-shadow: none;}
.onlinebox_one .online-item{width: 68px;height: 60px;margin-bottom: 2px; padding-top: 12px; position: relative;display: block;color: #ffffff;}
.onlinebox_one .online-item:first-child{height: 20px;padding-top: 0px;}
.onlinebox_one .online-item:nth-child(2){border-radius: 5px 5px 0px 0px;}
.onlinebox_one .online-item:last-child{border-radius: 0px 0px 5px 5px;}
.onlinebox_one .online-item i{font-size: 18px;}
.onlinebox_one .onlinebox-open{border-radius: 5px;font-size: 22px;}
.onlinebox_one .close{font-style: initial;color: #fff;opacity: 1;position: absolute; right: -7px; top: -7px; border-radius: 50%; width: 15px;
    height: 15px; display: block;font-size: 14px !important; font-family: arial; }
.onlinebox .onlinebox-open {display: block; cursor: pointer; padding: 0 10px; font-size: 18px; line-height: 40px; color: #fff; }
@media (min-width: 768px){
.onlinebox_one .onlinebox-open{display: none;}
.onlinebox_one .online-item:first-child{display: none;}
}
@media (max-width: 767px){
.onlinebox_one .online-item:first-child{border-radius: 5px 5px 0px 0px;}
.onlinebox_one .onlinebox_one_list{display: none;}
.onlinebox_one .online-item{width: 54px;height: 50px;font-size: 12px;padding-top: 6px;}
.onlinebox_one .online-item i{font-size: 14px;}
}
</style>
<div id="onlinebox" class="onlinebox onlinebox_one" m-type="online" m-id="online" style="position: fixed; top: 300px; bottom: auto; right: 10px; left: auto;">
    <div class="onlinebox-open text-xs-center" id="onlinebox-open" style="background:#1baadb;"> <i class="fa fa-comments-o"></i>
    </div>
                        
<script>
$(function(){
            metFileLoadFun([
      'http://ceshi2.com/public/plugins/webui-popover/webui-popover.min.css',
      'http://ceshi2.com/public/plugins/webui-popover/jquery.webui-popover.min.js',
      'http://ceshi2.com/public/web/plugins/register/webui-popover.min.js'
    ],function(){
      return typeof $.fn.webuiPopover=='function';
    },function(){
      $('.met-online-weixin').webuiPopover();
    });
        $("#onlinebox-open").click(function(){
        $("#onlinebox").find(".onlinebox_one_list").show();
        $(this).hide();
    });
    $(".close").click(function(){
      $("#onlinebox").find(".onlinebox_one_list").hide();
      $("#onlinebox-open").show();
    });
});
</script>
<div id="toast" style="opacity: 0; display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-warn weui-icon_msg"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
</body>

</html>

javascript and css 我就不提供了！可以看下面的网盘链接进行下载！
作者并没有使用header转跳
剩下的内容请大家自己开发！

网盘链接：戳一下我
Tianxi田溪
关注
  • 5
    点赞
  • 踩
  • 52
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
PHP实现最简单的登录界面
yy17822307852的博客
01-14 1128
PHP学习路上的第一个完整的极小极小的项目，总算是看着了做项目的希望了，特意做个记录 登录界面： html代码（login.html)： <formaction="login.php"method="post"> <fieldset> <legend>用户登录</legend> <ul> <li> <label>用户名:</label> <inputtype...
好看的php登录界面,php注册和登录界面的实现案例(推荐)
weixin_39895684的博客
03-11 1150
当初我觉得一个网站上注册和登录这两个功能很神奇，后来自己研究一下发现其实道理很简单，接下来看一下怎么实现的吧。。。。我在我的电脑上建了几个文件：login.html (登录页面)register.html(注册页面)success.html(登录成功跳转页面)return.html(注册成功页面)login.phpregister.php登录界面和注册界面以及success.html并没有什么都是...
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
热门推荐
qidiandexiaowu
09-03 3万+
这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是 搞定了！！！ 说了那麽多，还是分享一下吧！ 目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作 实验环境是phpstudy2018。 在phpstudy的www目录里，创建一个新文件夹test。 文件里有： index.php 主页面(登陆页面) login.php 登录页面的后台操作 register.html 注册页面 register.php 注册页面的后台操作 主页面(登录页面) 先上图
php漂亮的登录界面,extjs漂亮简洁的登录界面
weixin_33308577的博客
03-18 243
【实例简介】MVC模式做的web前端ext登陆界面，易懂，适合初学者【实例截图】【核心代码】f13ea5e7-9479-443a-85e6-6b939a528dbc└── EXT登录小例子└── example1├── src│ └── com│ ├── action│ │ └── RegisterServlet.java│ ├── dao│ ...
用PHP代码实现一个漂亮的登录注册前后端关联的界面
weixin_41460722的博客
07-03 2万+
用PHP代码实现一个漂亮的登录注册前后端关联的界面 登录界面 没输入用户名或者密码的提示 用户名或者密码错误的提示 Login.php. <!DOCTYPE html> <html> <head> <title>登录</title> <link rel="stylesheet" href="login.css"> <meta name="content-type"; charset="UTF-8"&gt
张帅个人博客开源项目：HTML+CSS+MySQL+PHP制作自己的个人博客网站
11-12
本项目使用php编写后台，前台功能基本完善，有顶部菜单和侧栏菜单底部菜单，支持首页展示功能，文章功能，文章包括列表显示和单篇文章显示功能，分页分类显示功能，友链添加功能，用户评论功能，相册功能，关于我...
利用html、css、javascript、php同时交互数据库制作的注册登录界面
08-10
【标题】：“利用html、css、javascript、php同时交互数据库制作的注册登录界面” 这个项目是关于构建一个基于Web的用户注册与登录系统，它涵盖了前端设计和后端处理的各个方面。HTML（HyperText Markup Language）...
网页期末作业+html+css+js（大鱼海棠）
06-07
10个页面，学校让做的网站作业，虽然是比较基础的网页静态页面，不过我也希望你能做的规范一些，我们专业制作学生网页作业，div css js 等通过dreamwear的工具实现规范化，比如文件夹的规范，代码写作的规范，虽然...
利用html+css+mysql+php来快速的制作动态网页（以制作一个博客网站为列）
08-14
在本项目中，我们将探讨如何使用HTML、CSS、MySQL和PHP技术快速构建一个动态的博客网站。...随着技能的提升，你还可以尝试添加更多的功能，如用户注册登录、搜索功能、评论点赞等，使你的博客网站更加完善。
原创网站源码毕业课程网站模板 登录注册用户预约功能网站源码 html+css+js+php+mysql
11-11
该资源是一个完整的网站源码，适用于毕业设计或课程作业，具备用户登录注册和预约功能。以下是这个项目中涉及的关键知识点： 1. **HTML**: HTML（HyperText Markup Language）是网站的基础，用于创建网页结构。在这...
PHP版带验证码的漂亮登录界面
04-16
这个是一个php版的登录界面，漂亮美观，还带了验证码与js的基本功能
php-landing:一个漂亮的简单PHP服务器登录页面
05-23
PHP着陆 一个不错的登录页面，其中包含有关服务器的统计信息 要求 Linux，macOS或Windows Web服务器以及PHP 7+。 如果mpstat命令可用，则Linux系统显示最准确的CPU信息。 在Ubuntu上，运行： sudo apt-get install sysstat 当前，并非所有系统都显示所有指标。 安装 将index.php复制到服务器上的Web可访问目录。 如果要自定义文本和外观，请将变量从index.php文件的顶部复制到一个名为config.php的新文件中，然后在其中进行编辑。 这样，以后您就可以更新index.php文件，而不会丢失更改。 演示版 您可以在我的多个Web服务器（包括当前的上看到正在使用的页面。
HTML+CSS+ajax+php+mysql实现登录
09-30
HTML+CSS+ajax+php+mysql实现登录。有数据库建表语句。比较简单 适合新手。也是新手学习，踩了很多坑（有坑的地方代码备注比较清楚了）。提供给新手门共同学习。
PHPWEB后台漂亮登陆界面【亲测可用可修改DIY_20140417】
04-18
【信易说明】 本为提取的PHPWEB后台漂亮登陆界面补丁，直接复制到根目录就好。 如果你要在登陆页面加自己的信息，PS这个图base\templates\images\main.jpg就好了。 信易工作室 2014-04-17
漂亮的登陆界面html源码
06-06
漂亮的登陆界面html源码
HTML+CSS+PHP+COOKIE在本地搭建一个简易的登陆注册网页
Lemon's blog
04-20 6500
昨天晚上看了一叶飘零大佬的直播，大佬说：初学者最好自己先动手去做一些项目，这样能更好的了解原理，恰好学长要求做一个简易的登陆注册系统，利用这个机会再学习一波。 做了两天，搞懂了很多概念，也遇到了很多问题，但是这个过程特别有意思，记录一下，把那些学到的知识也总结一下。 一：准备工作 打开mySQL 打开网站根目录 这里我直接放在了WWW目录下，有点乱。 这样准备工作就做好了，开始奋斗了。 二：...
漂亮的登录页php,求php简单登录页面
weixin_33295214的博客
03-21 303
该楼层疑似违规已被系统折叠隐藏此楼查看此楼给你一个我五年多前的代码吧。longin.html无标题文档用户名：密码： longin.phprequire '../inc/config.php'; $n = $_POST['adminname'];$p = md5($_POST['adminpwd']); //构造SQL语句$sql = "select * from `tb_admin` wher...
用php写出登录注册,用PHP写一个简单的登录注册页面
weixin_28683689的博客
03-09 3078
大家好，这里是耐特PHP，今天给一些学PHP刚入门的朋友介绍一个用PHP写后台的时候，做一个简单的登录和注册的页面。首先我们需要配置一个PHP的环境，其实现在有很多个工具都可以一次帮你搞定这个，好像我经常用的就是PHPSTUDY，以前我也用过WAMP和其他的工具，但是个人还是比较推荐PHPSTUDY，大家可以直接去它的官网下载，现在新版的PHPSTUDY已经越来越傻瓜式了~~基本上完全不用自己来配...
【小小白】简单实现网页登录（HTML+CSS+PHP）
qq_52696970的博客
04-13 2422
环境配置 1、PHPstorm（不建议升级最新版，每次都会提醒输入密钥，超烦人！） 2、MySQL8.0 3、Navicat 15 for mysql 4、phpstudy也很好用 参考配置：https://blog.csdn.net/weixin_46336128/article/details/106496405（这篇博客讲的很详细，强推！） 一、前端：模仿B站上的写的 https://www.bilibili.com/video/BV1ta4y1W7wu 1.HTML： <!DOCTYPE ht
用html+css+js制作一个七张页面的网站，包含登录、注册
最新发布
05-12
然后，您需要创建登录和注册页面。您可以使用 HTML 和 CSS 创建表单，使用 JavaScript 进行表单验证和提交。您可以使用服务器端技术，如 PHP 或 Node.js，来处理表单数据和用户认证。 最后，您需要将您的网站部署到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值