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 include,include_once,require,require_once
Sep 05 PHP
php的大小写敏感问题整理
Dec 29 PHP
php实现自动获取生成文章主题关键词功能的深入分析
Jun 03 PHP
PHP 转义使用详解
Jul 15 PHP
使用swoole扩展php websocket示例
Feb 13 PHP
PHP中定义数组常量(array常量)的方法
Nov 17 PHP
通过Email发送PHP错误的方法
Jul 20 PHP
PHP概率计算函数汇总
Sep 13 PHP
WordPress中缩略图的使用以及相关技巧
Nov 24 PHP
详谈phpAdmin修改密码后拒绝访问的问题
Apr 03 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
Apr 18 PHP
PHP ob缓存以及ob函数原理实例解析
Nov 13 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
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
PHP使Laravel为JSON REST API返回自定义错误的问题
2018/10/16 PHP
JavaScript 浏览器验证代码(来自discuz)
2010/07/17 Javascript
Javascript中3个需要注意的运算符
2015/04/02 Javascript
纯JS实现旋转图片3D展示效果
2015/04/12 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
2016/02/26 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
微信小程序日历效果
2018/12/29 Javascript
JavaScript中判断为整数的多种方式及保留两位小数的方法
2019/09/09 Javascript
js实现tab栏切换效果
2020/08/02 Javascript
jQuery实现评论模块
2020/08/19 jQuery
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
举例简单讲解Python中的数据存储模块shelve的用法
2016/03/03 Python
Django的CVB实例详解
2020/02/10 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
启动一个线程是用run()还是start()
2016/12/25 面试题
职称评定自我鉴定
2014/03/18 职场文书
中班上学期幼儿评语
2014/04/30 职场文书
十佳家长事迹材料
2014/08/26 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
公司停电通知
2015/04/15 职场文书
初三语文教学反思
2016/03/03 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python