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 一个随机字符串生成代码
May 26 PHP
php数组函数序列之each() - 获取数组当前内部指针所指向元素的键名和键值,并将指针移到下一位
Oct 31 PHP
PHPWind与Discuz截取字符函数substrs与cutstr性能比较
Dec 05 PHP
php中数字、字符与对象判断函数用法实例
Nov 26 PHP
php+xml编程之SimpleXML的应用实例
Jan 24 PHP
php给一组指定关键词添加span标签的方法
Mar 31 PHP
分享PHP计算两个日期相差天数的代码
Dec 23 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
Nov 29 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
Feb 08 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
Oct 25 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
Dec 30 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
Apr 14 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初学入门
2006/11/19 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
jquery图片放大镜功能的实例代码
2013/03/26 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
Vue.js每天必学之表单控件绑定
2016/09/05 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
2016/12/09 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
vue+vant 上传图片需要注意的地方
2021/01/03 Vue.js
JavaScript 绘制饼图的示例
2021/02/19 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
Python中实现变量赋值传递时的引用和拷贝方法
2018/04/29 Python
python简单区块链模拟详解
2019/07/03 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
python实现简单学生信息管理系统
2020/04/09 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
Visual Studio code 配置Python开发环境
2020/09/11 Python
求职信模板怎么做
2014/01/26 职场文书
食品安全责任书
2014/04/15 职场文书
科技工作者先进事迹
2014/08/16 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
2014年小学语文工作总结
2014/12/20 职场文书