PLM_demo/Info/templates/info/login.html

{% extends "info/layout.html" %}
{% load static %}
{% block script %}{% endblock %}
{% block body %}
<div id="main" class="container-fluid">
    <form method="post">
        {% csrf_token %}
        <div class="mb-3 mt-3">
            <label for="email" class="form-label">邮箱地址:</label>
            <input type="email" class="form-control" id="email" placeholder="输入邮箱地址" name="email" required
                maxlength="64" />
        </div>
        <div class="mb-3">
            <label for="pwd" class="form-label">密码:</label>
            <input type="password" class="form-control" id="pwd" placeholder="输入密码" name="password" minlength="6"
                maxlength="32" required />
        </div>
        <!-- <div class="form-check mb-3">
            <label class="form-check-label">
                <input class="form-check-input" type="checkbox" name="remember"> Remember me
            </label>
</div> -->
        <button type="submit" class="btn btn-primary">登录</button>
        <div id="form-button-area">
            <a href="/register">注册</a>
            <a href="/forgotPassword">忘记密码</a>
        </div>
    </form>
</div>
<style type="text/css">
    form {
        justify-content: center;
        margin: 20px;
        width: 500px;
    }

    #main {
        display: inline-flex;
        justify-content: center;
    }

    #form-button-area {
        display: flex;
        justify-content: space-around;
        margin-top: 10px;
    }
</style>
{% endblock body %}