加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长学院 > PHP教程 > 正文

php bootstrap实现简单登录

发布时间:2020-12-12 21:22:23 所属栏目:PHP教程 来源:网络整理
导读:本文实例为大家分享了php bootstrap实现简单登录的方法,供大家参考,具体内容如下 记住是获取name键值对 from 里面 action就是你的动作 signin.html Signin Template for Bootstrap link href="bootstrap.min.css" rel="stylesheet" link href="signin.css"

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

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

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

signin.html

Signin Template for Bootstrap

<link href="bootstrap.min.css" rel="stylesheet">

<link href="signin.css" rel="stylesheet">

<script src="../../assets/js/ie-emulation-modes-warning.js">

<div class="container">

<form class="form-signin" method = "get" action = "form-signin.php">
<h2 class="form-signin-heading">Please sign in
<label for="inputEmail" class="sr-only">Email address

<script src="../../assets/js/ie10-viewport-bug-workaround.js">

sign.css

.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

如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题:

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读