php bootstrap实现简单登录-华尔子博-奥夏网

php bootstrap实现简单登录的方法，供大家参考，具体内容如下

所有文件

记住是获取name键值对 from 里面 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">

<meta name="description" content="">

<meta name="author" content="">

<link rel="icon" href="../../favicon.ico">

<title>signin template for bootstrap</title>

<link href="bootstrap.min.css" rel="stylesheet">

<link href="signin.css" rel="stylesheet">

<script src="../../assets/js/ie-emulation-modes-warning.js"></script>

<!--[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> 

<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

</body>

</html>

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;

}

form-signin.php

<pre>

<?php print_r($_get);?>

</pre>

本文刊载的所有内容，包括文字、图片、音频、视频、软件、程序、以及网页版式设计等部门来源于互联网，版权均归原作者所有！本网站提供的内容服务于个人学习、研究或欣赏，以及其他非商业性或非盈利性用途，但同时应遵守著作权法及其他相关法律的规定，不得侵犯本网站及相关权利人的合法权利。
联系信息：邮箱aoxolcom@163.com或见网站底部。

THE END