61 lines
1.7 KiB
HTML
61 lines
1.7 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<link rel="stylesheet" href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
|
|
<style>
|
|
.account {
|
|
width: 400px;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 5px;
|
|
box-shadow: 5px 5px 20px #aaa;
|
|
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 100px;
|
|
padding: 20px 40px;
|
|
}
|
|
|
|
.account h2 {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="account">
|
|
<h2>用户登录</h2>
|
|
<form method="post" novalidate>
|
|
{% csrf_token %}
|
|
<div class="form-group">
|
|
<label>用户名</label>
|
|
{{ form.username }}
|
|
<span style='color: red'>{{ form.username.errors.0 }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>密码</label>
|
|
{{ form.password }}
|
|
<span style='color: red'>{{ form.password.errors.0 }}</span>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="row">
|
|
<div class="col-xs-7">
|
|
<label>验证码</label>
|
|
{{ form.img_code }}
|
|
<span style='color: red'>{{ form.img_code.errors.0 }}</span>
|
|
</div>
|
|
<div class="col-xs-5">
|
|
{# image/code/urls.py中定义#}
|
|
<img id="image_code" src="/image/code/">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="submit" value="登 录" class="btn btn-primary">
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |