This Example Is About How To Create Login Form In PHP With The Use Of Html And Java script.
<?php
if(isset($_POST['submit']))
{
require 'include/config.php';
$username=$_POST['username'];
$pass=$_POST['password'];
$select=mysqli_query($con,'select *from admin_login where username="'.$username.'" and password="'.$pass.'"');
if(mysqli_num_rows($select)==1)
{
$_SESSION['username']=$username;
header('Location: home.php');
}
else
{
?>
<script>
alert('username or password are invalid');
</script>
<?php
}
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="assets/images/favicon_1.ico">
<title>Patanjali Admin Dashboard </title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/core.css" rel="stylesheet" type="text/css" />
<link href="assets/css/components.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
<link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<script src="assets/js/modernizr.min.js"></script>
</head>
<body>
<div class="account-pages"></div>
<div class="clearfix"></div>
<div class="wrapper-page">
<div class=" card-box">
<div class="panel-heading">
<h3 class="text-center"> Sign In to <strong class="text-custom">Patanjali Admin</strong> </h3>
</div>
<div class="panel-body">
<form class="form-horizontal m-t-20" method="post">
<div class="form-group ">
<div class="col-xs-12">
<input class="form-control" type="text" name="username" required placeholder="Username">
</div>
</div>
<div class="form-group">
<div class="col-xs-12">
<input class="form-control" type="password" name="password" pattern="(.){5,15}" required placeholder="Password">
</div>
</div>
<div class="form-group text-center m-t-40">
<div class="col-xs-12">
<button class="btn btn-pink btn-block text-uppercase waves-effect waves-light" type="submit" name="submit">Log In</button>
</div>
</div>
</div>
</div>
<script>
var resizefunc = [];
</script>
<!-- jQuery -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/detect.js"></script>
<script src="assets/js/fastclick.js"></script>
<script src="assets/js/jquery.slimscroll.js"></script>
<script src="assets/js/jquery.blockUI.js"></script>
<script src="assets/js/waves.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/jquery.nicescroll.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/jquery.core.js"></script>
<script src="assets/js/jquery.app.js"></script>
</body>
</html>
No comments:
Post a Comment