4.登陆功能

登录页面初步搭建

复制代码
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-8 col-md-offset-2">
            <h1 class="text-center">登陆</h1>
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" name="username" id="username" class="form-control">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="text" name="password" id="password" class="form-control">
            </div>
            <div class="form-group">
                <label for="">验证码</label>
                <input type="text" name="code" id="id_code">
            </div>
            <input type="button" class="btn btn-success" value="登陆">
        </div>
    </div>
</div>
</body>
复制代码

 

 

复制代码
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-8 col-xs-offset-2">
            <h1 class="text-center">登陆</h1>
            <div class="form-group">
                <label for="username">用户名</label>
                <input type="text" name="username" id="username" class="form-control">
            </div>
            <div class="form-group">
                <label for="password">密码</label>
                <input type="text" name="password" id="password" class="form-control">
            </div>
            <div class="form-group">
                <label for="">验证码</label>
                <div class="row">
                    <div class="col-xs-6">
                        <input type="text" name="code" id="id_code" class="form-control">
                    </div>
                    <div class="col-xs-6">
                        {% load static %}
                        <img src="{% static 'img/default.png' %}" alt="" width="480px" height="35px">
                    </div>
                </div>
            </div>
            <input type="button" class="btn btn-success" value="登陆">
        </div>
    </div>
</div>
</body>
复制代码

 

图片验证码

 

posted @   猿小姜  阅读(15)  评论(0)  编辑  收藏  举报
相关博文：
·  4.登陆功能
·  3.注册功能
·  12- 登陆页面
·  用户信息登录功能
·  可用登陆代码·
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手