php bootstrap实现简单登录

php  /  管理员 发布于 5年前   493

本文实例为大家分享了php bootstrap实现简单登录的方法，供大家参考，具体内容如下

所有文件

记住是获取name键值对 from 里面 action就是你的动作

signin.html

                     
  
  
Please sign in
  Email address    Password    
       Remember me       Sign in       

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

如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程Bootstrap实战教程

以上就是本文的全部内容，希望对大家的学习有所帮助

您可能感兴趣的文章:

• thinkphp5使用bootstrapvalidator进行异步验证邮箱的示例
• PHP实现登录注册之BootStrap表单功能
• thinkphp框架page类与bootstrap分页（美化）
• Bootstrap php制作动态分页标签
• ThinkPHP 整合Bootstrap Ajax分页样式
• Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
• Bootstrap+PHP实现多图上传功能实例详解