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
memcached 和 mysql 主从环境下php开发代码详解
May 16 PHP
修改PHP的memory_limit限制的方法分享
Feb 21 PHP
php include和require的区别深入解析
Jun 17 PHP
PHP查询网站的PR值
Oct 30 PHP
PHP生成随机数的方法实例分析
Jan 22 PHP
Thinkphp调用Image类生成缩略图的方法
Mar 07 PHP
php短信接口代码
May 13 PHP
thinkphp 中的volist标签在ajax操作中的特殊性(推荐)
Jan 15 PHP
PHP APP微信提现接口代码
Sep 30 PHP
php多进程模拟并发事务产生的问题小结
Dec 07 PHP
Laravel关系模型指定条件查询方法
Oct 10 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统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
PHP通过微信跳转的Code参数获取用户的openid(关键代码)
2016/07/06 PHP
告诉大家什么是JSON
2008/06/10 Javascript
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
jQuery JSON的解析方式分享
2011/04/05 Javascript
javascript数字格式化通用类 accounting.js使用
2012/08/24 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
Javascript排序算法之计数排序的实例
2014/04/05 Javascript
jQuery中val()方法用法实例
2014/12/25 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
值得分享的JavaScript实现图片轮播组件
2016/11/21 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
jQuery事件_动力节点Java学院整理
2017/07/05 jQuery
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
关于python的bottle框架跨域请求报错问题的处理方法
2017/03/19 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
如何利用python查找电脑文件
2018/04/27 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
浅析python内置模块collections
2019/11/15 Python
Python3 解决读取中文文件txt编码的问题
2019/12/20 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
玩具反斗城西班牙网上商城:ToysRUs西班牙
2017/01/19 全球购物
中医药大学毕业生自荐信
2013/11/08 职场文书
学生操行评语大全
2014/04/24 职场文书
离职保密承诺书
2014/05/28 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
2015年企业新年寄语
2014/12/08 职场文书
英语邀请函范文
2015/02/02 职场文书
校本研修个人总结
2015/02/28 职场文书
使用pipenv管理python虚拟环境的全过程
2021/09/25 Python
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS