首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 PHP

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 bootstrap实现简单登录

- Author -

LAVERTON

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

PHP 相关文章推荐
以文本方式上传二进制文件的PHP程序
Oct 09 PHP
php 正则 过滤html 的超链接
Jun 02 PHP
新浪微博API开发简介之用户授权(PHP基础篇)
Sep 25 PHP
destoon官方标签大全
Jun 20 PHP
php提取字符串中网站url地址的方法
Dec 03 PHP
Codeigniter框架实现获取分页数据和总条数的方法
Dec 05 PHP
PHP简单生成缩略图相册的方法
Jul 29 PHP
php检查字符串中是否有外链的方法
Jul 29 PHP
PHP读取zip文件的方法示例
Nov 17 PHP
Zend Framework入门教程之Zend_View组件用法示例
Dec 09 PHP
PHPUnit + Laravel单元测试常用技能
Nov 06 PHP
PHP大文件及断点续传下载实现代码
Aug 18 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
ESXI(1) caddy(1) localStorage(1) 骨架屏(1) 横向滚动(1) 加载异常(1) 表约束(2) 共享文件夹(1) SVN(1) NginxConfig(1)
You might like
PHP大小写问题：函数名和类名不区分,变量名区分
2013/06/17 PHP
Laravel 5框架学习之Eloquent （laravel 的ORM）
2015/04/08 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
javascript 多浏览器 事件大全
2010/03/23 Javascript
javascript中有趣的反柯里化深入分析
2012/12/05 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
通过命令行创建vue项目的方法
2017/07/20 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
使用Python编写简单网络爬虫抓取视频下载资源
2014/11/04 Python
详解django中url路由配置及渲染方式
2019/02/25 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
使用Keras加载含有自定义层或函数的模型操作
2020/06/10 Python
python 如何停止一个死循环的线程
2020/11/24 Python
英国时尚饰品和发饰购物网站：Claire’s
2017/07/04 全球购物
MADE荷兰：提供原创设计师家具
2018/04/03 全球购物
意大利值得信赖的在线超级药房：PillolaStore
2020/02/05 全球购物
上课迟到检讨书100字
2014/01/11 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
千手观音观后感
2015/06/03 职场文书
创业方案：赚钱的烧烤店该怎样做？
2019/07/05 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python