php bootstrap实现简单登录


Posted in PHP onMarch 08, 2016

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

php bootstrap实现简单登录

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 相关文章推荐
PHP 和 COM
Oct 09 PHP
做一个有下拉功能的留言版
Oct 09 PHP
mysql 性能的检查和优化方法
Jun 21 PHP
PHP 命名空间实例说明
Jan 27 PHP
允许phpmyadmin空密码登录的配置方法
May 29 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
Feb 07 PHP
php中define用法实例
Jul 30 PHP
分享10段PHP常用代码
Nov 11 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
Jun 12 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
Aug 28 PHP
laravel利用中间件做防非法登录和权限控制示例
Oct 21 PHP
php字符串倒叙
Apr 01 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
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
简单的php新闻发布系统教程
2014/05/09 PHP
PHP资源管理框架Assetic简介
2014/06/12 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
用JS剩余字数计算的代码
2008/07/03 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
JavaScript判断手机号运营商是移动、联通、电信还是其他(代码简单)
2015/09/25 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
Vue实现购物车的全选、单选、显示商品价格代码实例
2019/05/06 Javascript
Python中的对象,方法,类,实例,函数用法分析
2015/01/15 Python
python之PyMongo使用总结
2017/05/26 Python
tensorflow中next_batch的具体使用
2018/02/02 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
客服实习的个人自我鉴定
2013/10/20 职场文书
建筑经济管理专业求职信分享
2014/01/06 职场文书
投资合作协议书范本
2014/04/17 职场文书
国庆横幅标语
2014/10/08 职场文书
2015年新学期寄语
2015/02/26 职场文书
单身证明范本
2015/06/15 职场文书
环保守法证明
2015/06/24 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
《春酒》教学反思
2016/02/22 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android