Home > Backend Development > PHP Tutorial > php bootstrap implements simple login, phpbootstrap login_PHP tutorial

php bootstrap implements simple login, phpbootstrap login_PHP tutorial

WBOY
Release: 2016-07-12 08:57:46
Original
1127 people have browsed it

php bootstrap implements simple login, phpbootstrap login

The example in this article shares the method of php bootstrap to implement simple login for your reference, the specific content is as follows

php bootstrap implements simple login, phpbootstrap login_PHP tutorial

php bootstrap implements simple login, phpbootstrap login_PHP tutorial

php bootstrap implements simple login, phpbootstrap login_PHP tutorial

All files

php bootstrap implements simple login, phpbootstrap login_PHP tutorial

Remember to get the name key-value pair from where action is your action

signin.html

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="icon" href="../../favicon.ico">

  <title>Signin Template for Bootstrap</title>

  <!-- Bootstrap core CSS -->
  <link href="bootstrap.min.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="signin.css" rel="stylesheet">

  <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
  <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  <script src="../../assets/js/ie-emulation-modes-warning.js"></script>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
   <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
 </head>

 <body>

  <div class="container">

   <form class="form-signin" method = "get" action = "form-signin.php">
    <h2 class="form-signin-heading">Please sign in</h2>
    <label for="inputEmail" class="sr-only">Email address</label>
    <input type="email" id="inputEmail" name ="inputEmail"class="form-control" placeholder="Email address" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword"name ="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
     <label>
      <input type="checkbox" value="remember-me" name="remember me"> Remember me
     </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
   </form>

  </div> <!-- /container -->


  <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 </body>
</html>
Copy after login

sign.css

body {
 padding-top: 40px;
 padding-bottom: 40px;
 background-color: #eee;
}

.form-signin {
 max-width: 330px;
 padding: 15px;
 margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
 margin-bottom: 10px;
}
.form-signin .checkbox {
 font-weight: normal;
}
.form-signin .form-control {
 position: relative;
 height: auto;
 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     box-sizing: border-box;
 padding: 10px;
 font-size: 16px;
}
.form-signin .form-control:focus {
 z-index: 2;
}
.form-signin input[type="email"] {
 margin-bottom: -1px;
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
 margin-bottom: 10px;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}
Copy after login

form-signin.php

<pre class="brush:php;toolbar:false">
<&#63;php print_r($_GET);&#63;>
Copy after login

The above is the entire content of this article, I hope it will be helpful to everyone’s study

Articles you may be interested in:

  • Code to remember password and automatically log in in php
  • Solution to phpmyadmin #2002 Unable to log in to MySQL server
  • phpmyadmin Error report: #2003 Solution to being unable to log in to the MySQL server
  • PHP code to implement session sharing and login verification through session id
  • ThinkPHP complete example of user registration login message
  • PHP How to use CURL to simulate login to a website with verification code
  • How to implement ThinkPHP login function
  • How to generate a cookie file when PHP reads CURL to simulate login
  • php Sina Weibo login interface usage example
  • php sso single sign-in implementation method

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/1106886.htmlTechArticlephp bootstrap implements simple login, phpbootstrap login This article shares the method of php bootstrap to implement simple login for everyone. For reference, please remember the specific contents of all documents as follows...
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template