登录页面居中示例代码

<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>用户登录</title><!-- Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"><style>/*web background*/.container{display:table;height:100%;}.row{display: table-cell;vertical-align: middle;}/* centered columns styles */.row-centered {text-align:center;}.col-centered {display:inline-block;float:none;text-align:left;margin-right:-4px;}</style></head><body><div class="container"><div class="row row-centered"><div class="well col-md-6 col-centered"><h2>欢迎登录</h2><form:form action="/login" method="post" role="form"><div class="input-group input-group-md"><span class="input-group-addon" id="sizing-addon1"><i class="glyphicon glyphicon-user" aria-hidden="true"></i></span><input type="text" class="form-control" id="userid" name="userid" placeholder="请输入用户ID"/></div><div class="input-group input-group-md"><span class="input-group-addon" id="sizing-addon1"><i class="glyphicon glyphicon-lock"></i></span><input type="password" class="form-control" id="password" name="password" placeholder="请输入密码"/></div><br/><button type="submit" class="btn btn-success btn-block">登录</button></form:form></div></div></div><!-- jQuery文件。务必在bootstrap.min.js 之前引入 --><!-- <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script> --><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script><!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script></body>
</html>

登录页面居中示例代码相关推荐

简单介绍vue获取token实现token登录的示例代码
最近新做了个vue项目,正好项目中有登录部分,本文就详细的介绍一下登录部分的实现,文中通过示例代码介绍的非常详细,感兴趣的小伙伴们可以参考一下使用token做登录验证的思路大致如下: 1.在第一次登 ...
python登录网页账号密码_Python 通过爬虫实现GitHub网页的模拟登录的示例代码
1. 实例描述通过爬虫获取网页的信息时,有时需要登录网页后才可以获取网页中的可用数据,例如获取 GitHub 网页中的注册号码时,就需要先登录账号才能在登录后的页面中看到该信息,如下图所示.那么该如 ...
在哪里能收到python实例代码-python实现网站微信登录的示例代码
最近微信登录开放公测,为了方便微信用户使用,我们的产品也决定加上微信登录功能,然后就有了这篇笔记. 根据需求选择相应的登录方式 python实现网站微信登录的示例代码微信现在提供两种登录接入方式移 ...
python登录各种网页示例_Python 通过爬虫实现GitHub网页的模拟登录的示例代码
1. 实例描述通过爬虫获取网页的信息时,有时需要登录网页后才可以获取网页中的可用数据,例如获取 GitHub 网页中的注册号码时,就需要先登录账号才能在登录后的页面中看到该信息,如下图所示.那么该如 ...
微信小程序输入账号密码点击按钮登录事件示例代码
微信小程序登录事件示例代码如下: 在页面的wxml文件中定义账号密码输入框和登录按钮: <view><input type="text" placeholder= ...
Laravel 微信小程序后端实现用户登录的示例代码
Laravel 微信小程序后端实现用户登录的示例代码这篇文章主要介绍了Laravel 微信小程序后端实现用户登录的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值 ...
python实现自动登录软件_Python selenium实现微博自动登录的示例代码
(一)编程环境操作系统:Win 10 编程语言:Python 3.6 (二)安装selenium 这里使用selenium实现. 如果没有安装过python的selenium库,则安装命令如下 pi ...
html登录界面设计代码_最简洁实现Github登录的JS代码示例
本文源码地址:https://github.com/Spring-Security-China/oauth2-client-login-js-github 大纲概述实现思路分析在Github官网 ...
python用户登录三次机会的注释_用户登录（三次错误机会）(示例代码)
简介这篇文章主要介绍了用户登录(三次错误机会)(示例代码)以及相关的经验技巧,文章约1907字,浏览量493,点赞数9,值得参考! #!/usr/bin/env python # -*- coding ...

登录页面居中示例代码

登录页面居中示例代码相关推荐

最新文章

热门文章