think PHP登录注册

新人菜鸟请多多指教

已于 2024-02-19 16:51:57 修改

阅读量424

点赞数 5

分类专栏： PHP 文章标签： php

于 2024-02-19 13:40:57 首次发布

本文链接：https://blog.csdn.net/cx12xc/article/details/136168512

版权

PHP 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

think PHP登录注册

传送地址：https://download.csdn.net/download/cx12xc/88850395

1、登录效果图：

登录代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录系统</title> 
    <link href="/static/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
	<link href="/static/bootstrap/dist/css/sign-in.css" rel="stylesheet">
</head>
<style>
	body{
		display: flex;
		background-image: url(/static/image/bg.png);
		background-color: #b8e5f8;
		background-size: cover;
		width: 100%;
		height: 100%;
}
</style>

<body class="gray-bg" >
	<main class="form-signin w-50 " style="position: fixed;top:15%;right: 10%; 
	background-color: #ffffff;border-radius:5px;">	
		
		<form role="form" action="{:url('login/dologin')}" method="post">
			<h1 class="h3 mb-3 fw-normal">登 录</h1>
			<p>欢迎登录本站(⊙o⊙)</p>
				<div class="form-floating">
				  <input type="text" name="user_name" class="form-control"  placeholder="">
				  <label for="floatingInput">请输入用户名</label>
				</div>
				<div class="form-floating">
				  <input type="password" name="user_pwd" class="form-control" id="respwd" placeholder="请输入密码">
				  <label for="floatingPassword">请输入密码</label>
				</div>
				<div class="form-check text-start my-3">
				  <input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
				  <label class="form-check-label" for="flexCheckDefault">
					记住密码
				  </label>
				</div>
				<!-- 验证码功能 -->
				<div class="input-group has-validation">
					<input type="text" class="form-control" name="captchaInput" placeholder="验证码" >
					  <span class="input-group-text" id="inputGroupPrepend" 
					  onclick="document.getElementById('captcha_img').src='{:captcha_src()}'">
					  <!-- 通过js的点击事件来实现验证码刷新功能 -->
						<img src="{:captcha_src()}" alt="captcha" id="captcha_img"/>
					  </span>
				</div>
				<button class="btn btn-primary w-100 py-2" type="submit"><strong>登 录</strong></button>	
		</form>
		<a href="{:url('login/toregister')}">
			<button class="btn  btn-success w-100 py-2"><strong>注 册</strong></button>							
		</a>			
	</main>

<script src="/static/js/jquery-3.5.1.min.js?v=2.1.4"></script>
<script src="/static/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>