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执行速度全攻略(下)
Oct 09 PHP
PHP 事务处理数据实现代码
May 13 PHP
php设计模式 Command(命令模式)
Jun 26 PHP
php正则表达式使用的详细介绍
Apr 27 PHP
使用php实现快钱支付功能(涉及到接口)
Jul 01 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
Jan 07 PHP
ThinkPHP中的create方法与自动令牌验证实例教程
Aug 22 PHP
PHP解压ZIP文件到指定文件夹的方法
Nov 17 PHP
PHP实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
Aug 04 PHP
PHP中md5()函数的用法讲解
Mar 30 PHP
PHP-FPM 设置多pool及配置文件重写操作示例
Oct 02 PHP
PHP实现创建一个RPC服务操作示例
Feb 23 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
echo(),print(),print_r()之间的区别?
2006/11/19 PHP
PHP批量生成缩略图的代码
2008/07/19 PHP
PHP跳转页面的几种实现方法详解
2013/06/08 PHP
PHP调用VC编写的COM组件实例
2014/03/29 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
javascript引导程序
2008/10/26 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
利用Jasmine对Angular进行单元测试的方法详解
2017/06/12 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
js实现点击图片在屏幕中间弹出放大效果
2019/09/11 Javascript
NodeJs crypto加密制作token的实现代码
2019/11/15 NodeJs
VUE实现自身整体组件销毁的示例代码
2020/01/13 Javascript
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
python 用Matplotlib作图中有多个Y轴
2020/11/28 Python
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
python全面解析接口返回数据
2022/02/12 Python
Android开发EditText禁止输入监听及InputFilter字符过滤
2022/06/10 Java/Android