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高手?学会“懒惰”的编程
Dec 05 PHP
计算一段日期内的周末天数的php代码(星期六,星期日总和)
Nov 12 PHP
PHP获取php,mysql,apche的版本信息示例代码
Jan 16 PHP
php实例分享之mysql数据备份
May 19 PHP
php使用memcoder将视频转成mp4格式的方法
Mar 12 PHP
用PHP代码给图片加水印
Jul 01 PHP
非常有用的9个PHP代码片段
Apr 06 PHP
ThinkPHP 3.2.2实现事务操作的方法
May 05 PHP
php批量删除操作(数据访问)
May 23 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
Jun 20 PHP
弹出模态框modal的实现方法及实例
Sep 19 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
Dec 16 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中文乱码
2009/11/26 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
PHP实现文字写入图片功能
2019/02/18 PHP
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
javascript控制在光标位置插入文字适合表情的插入
2014/06/09 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
jQuery实现简单的网页换肤效果示例
2016/09/18 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
在vue2.0中引用element-ui组件库的方法
2018/06/21 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
使用Python生成随机密码的示例分享
2016/02/18 Python
遗传算法之Python实现代码
2017/10/10 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
python实现维吉尼亚加密法
2019/03/20 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
台湾线上百货零售购物平台:friDay购物
2017/08/18 全球购物
全球性的在线婚纱礼服工厂:27dress.com
2019/03/21 全球购物
中专毕业生的自我鉴定
2013/12/01 职场文书
教导处工作制度
2014/01/18 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
保护地球的标语
2014/06/17 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
大学奖学金获奖感言
2014/08/15 职场文书
领导班子四风表现材料
2014/08/23 职场文书
委托收款证明
2015/06/23 职场文书
2015暑期社会实践个人总结
2015/07/13 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android
MySQL数据库如何给表设置约束详解
2022/03/13 MySQL