编程 PHP

php bootstrap实现简单登录

Posted in PHP onMarch 08, 2016

本文实例为大家分享了php bootstrap实现简单登录的方法，供大家参考，具体内容如下

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

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>

如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程

以上就是本文的全部内容，希望对大家的学习有所帮助

php bootstrap实现简单登录

- Author -

LAVERTON

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐

Apache, PHP在Windows 9x/NT下的安装与配置 (二)

Oct 09 PHP

PHP 变量类型的强制转换

Oct 23 PHP

php&mysql 日期操作小记

Feb 27 PHP

ThinkPHP入库出现两次反斜线转义及数据库类转义的解决方法

Nov 04 PHP

thinkphp3.2.2前后台公用类架构问题分析

Nov 25 PHP

基于PHP实现简单的随机抽奖小程序

Jan 05 PHP

PHP入门教程之PHP操作MySQL的方法分析

Sep 11 PHP

PHP中ajax无刷新上传图片与图片下载功能

Feb 21 PHP

PHP微信支付结果通知与回调策略分析

Jan 10 PHP

浅谈PHP匿名函数和闭包

Mar 08 PHP

php源码的安装方法和实例

Sep 26 PHP

PHP基于phpqrcode类生成二维码的方法示例详解

Aug 07 PHP

PHP Echo字符串的连接格式

Mar 07 #PHP

Zend Framework教程之MVC框架的Controller用法分析

Mar 07 #PHP

Zend Framework教程之路由功能Zend_Controller_Router详解

Mar 07 #PHP

Zend Framework教程之Zend_Controller_Plugin插件用法详解

Mar 07 #PHP

Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解

Mar 07 #PHP

Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解

Mar 07 #PHP

Zend Framework教程之动作的基类Zend_Controller_Action详解

Mar 07 #PHP

You might like

使用 php4 加速 web 传输

2006/10/09 PHP

Session服务器配置指南与使用经验的深入解析

2013/06/17 PHP

java解析json方法总结

2019/05/16 PHP

基于Jquery的简单图片切换效果

2011/01/06 Javascript

JavaScript基础语法让人疑惑的地方小结

2012/05/23 Javascript

window.location不跳转的问题解决方法

2014/04/17 Javascript

使用原生js写的一个简单slider

2014/04/29 Javascript

jquery左边浮动到一定位置时显示返回顶部按钮

2014/06/05 Javascript

基于jquery实现导航菜单高亮显示（两种方法）

2015/08/23 Javascript

JavaScript中Textarea滚动条不能拖动的解决方法

2015/12/15 Javascript

jQuery实现控制文字内容溢出用省略号(…)表示的方法

2016/02/26 Javascript

实用又漂亮的BootstrapValidator表单验证插件

2016/05/30 Javascript

JS实现的跨浏览器解析XML文件实例

2016/06/21 Javascript

Javascript highcharts 饼图显示数量和百分比实例代码

2016/12/06 Javascript

简单明了区分escape、encodeURI和encodeURIComponent

2018/05/26 Javascript

微信小程序登录换取token的教程

2018/05/31 Javascript

jQuery阻止事件冒泡实例分析

2018/07/03 jQuery

vue 实现边输入边搜索功能的实例讲解

2018/09/16 Javascript

JS使用canvas中的measureText方法测量字体宽度示例

2019/02/02 Javascript

vue计算属性get和set用法示例

2019/02/08 Javascript

JS使用正则表达式判断输入框失去焦点事件

2019/10/16 Javascript

解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题

2020/11/05 Javascript

[01:09:13]DOTA2-DPC中国联赛正赛 CDEC vs XG BO3 第三场 1月19日

2021/03/11 DOTA

python多线程编程中的join函数使用心得

2014/09/02 Python

Python类的多重继承问题深入分析

2014/11/09 Python

python实现矩阵乘法的方法

2015/06/28 Python

利用python将xml文件解析成html文件的实现方法

2017/12/22 Python

html5的pushstate以及监听浏览器返回事件的实现

2020/08/11 HTML / CSS

什么是lambda函数

2013/09/17 面试题

网络教育自我鉴定

2014/02/04 职场文书

体育教师个人的自我评价

2014/02/16 职场文书

2014年党员学习“三严三实”思想汇报

2014/09/15 职场文书

自主招生学校推荐信范文

2015/03/26 职场文书

英语投诉信范文

2015/07/03 职场文书

2016年寒假学习心得体会

2015/10/09 职场文书

2015年挂职锻炼个人总结

2015/10/22 职场文书