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 29 PHP
php curl 伪造IP来源的实例代码
Nov 01 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
Nov 07 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
Apr 24 PHP
php中异常处理方法小结
Jan 09 PHP
PHP使用PDO连接ACCESS数据库
Mar 05 PHP
php实现向javascript传递数组的方法
Jul 27 PHP
php实现转换html格式为文本格式的方法
May 16 PHP
如何使用PHP给图片加水印
Oct 12 PHP
php-fpm服务启动脚本的方法
Apr 27 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
Jan 17 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
Oct 21 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实现简易聊天室应用代码
2015/09/23 PHP
深入理解PHP中mt_rand()随机数的安全
2017/10/12 PHP
document节点对象的获取方式示例介绍
2013/12/24 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
ajax在兼容模式下失效的快速解决方法
2016/03/22 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
vue 详情跳转至列表页实现列表页缓存
2019/03/27 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
layui实现三级联动效果
2019/07/26 Javascript
[47:43]完美世界DOTA2联赛PWL S3 Magama vs GXR 第二场 12.19
2020/12/24 DOTA
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
Python的面向对象思想分析
2015/01/14 Python
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
Django实现分页功能
2018/07/02 Python
解决pip install xxx报错SyntaxError: invalid syntax的问题
2018/11/30 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python模块如何查看
2020/06/16 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
AmazeUI图片轮播效果的示例代码
2020/08/20 HTML / CSS
Ellos丹麦:时尚和服装在线
2016/09/19 全球购物
英国在线定做百叶窗网站:Make My Blinds
2020/08/17 全球购物
小区门卫管理制度
2014/01/29 职场文书
自主招生教师推荐信
2014/05/10 职场文书
2014年科室工作总结
2014/11/20 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
家长反馈意见及建议
2015/06/03 职场文书
2015年中秋晚会主持稿
2015/07/30 职场文书
springboot集成springCloud中gateway时启动报错的解决
2021/07/16 Java/Android
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript