代码拉取完成,页面将自动刷新
<!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.0">
<title>登录</title>
<link href="./static/css/bootstrap.min.css" rel="stylesheet">
<style>
.col-2{
padding-top: 7px;
}
.form-check{
padding-left: 7rem;
}
.form-group{
margin-left: 5rem;
}
.align-middle{
margin-left: 16rem;
margin-bottom: 2rem;
}
.btn{
margin-left: 10rem;
}
</style>
</head>
<body>
<div class="container">
<div class="row align-items-center" style="height: 42rem;">
<div class="col">
</div>
<div class="col">
<div class="card shadow rounded" style="width: 42rem;">
<div class="card-body align-items-center">
<h2 class="align-middle" >登录</h2>
<form>
<div class="form-group row">
<label class="col-2" for="exampleInputEmail1">用户名:</label>
<input type="text" class="form-control col-6" id="exampleInputEmail1"
aria-describedby="emailHelp">
<!-- <small id="emailHelp" class="form-text text-muted">We'll never share your email with
anyone else.</small> -->
</div>
<div class="form-group row">
<label class="col-2" for="exampleInputPassword1">密码:</label>
<input type="password" class="form-control col-6" id="exampleInputPassword1">
</div>
<div class="form-group form-check row">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">记住我</label>
</div>
<button type="submit" class="btn btn-primary">登录</button>
<button type="button" class="btn btn-primary">注册</button>
</form>
</div>
</div>
</div>
<div class="col">
</div>
</div>
</div>
<script src="./static/js/jquery-3.6.0.min.js"></script>
<script src="./static/js/bootstrap.min.js"></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。