javascript - 如何在 Django 中使用由 html 和 css 制作的注册表单

标签 javascript python html css django

我有一个用 HTML 和 CSS 制作的响应式注册和登录。我不想使用 Django 在配置时创建的通用注册表单和登录名。总结我的问题,我知道如何在 Django 中制作注册表单并对其进行配置,但我不知道如何在其上应用我的模板。我一直在阅读如何在 django 上使用模板,但我仍然没有弄清楚如何在我的案例中正确使用。

我的注册html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Manjari&display=swap" rel="stylesheet">
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="reg.css">
    <title>Document</title>
</head>
<body>

<div class="back"></div>
<div class="registration-form">
    <header>
        <h1>Registrarse</h1>
        <p>Completa la información</p>
    </header>
    <form>
        <div class="input-section email-section"><input class="email" type="email" placeholder="Ingresa tu EMAIL aquí" autocomplete="off" />
            <div class="animated-button"><span class="icon-paper-plane"><i class="fa fa-envelope-o"></i></span><span class="next-button email"><i class="fa fa-arrow-up"></i></span></div>
        </div>
        <div class="input-section password-section folded"><input class="password" type="password" placeholder="Ingresa tu CONTRASEÑA aquí" />
            <div class="animated-button"><span class="icon-lock"><i class="fa fa-lock"></i></span><span class="next-button password"><i class="fa fa-arrow-up"></i></span></div>
        </div>
        <div class="input-section repeat-password-section folded"><input class="repeat-password" type="password" placeholder="Repita la CONTRASEÑA" />
            <div class="animated-button"><span class="icon-repeat-lock"><i class="fa fa-lock"></i></span><span class="next-button repeat-password"><i class="fa fa-paper-plane"></i></span></div>
        </div>
        <div class="success">
            <p>CUENTA CREADA</p>
        </div>
    </form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="reg.js"></script>
</body>
</html>


最佳答案

您在元素的主模板文件夹中创建一个名为 registration 的文件夹,并在其中放置一个名为 login.html 的模板,您可以随意设置样式。

enter image description here

关于javascript - 如何在 Django 中使用由 html 和 css 制作的注册表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58360129/

相关文章:

javascript - jQuery keydown事件事件数据

Javascript 不写正斜杠

python - 使用 psycopg3 在服务器之间复制表

python - 为什么有些 Python 变量保持全局,而有些需要定义为全局

python - 根据 bins 组合字典键

javascript - 解析 dom 元素时 JqueryUI slider 不工作

javascript - 对象数组中存在的 jquery 检查值

javascript - 使用css动态调整图像宽度和高度

javascript - 是否有计划制定在 Web 应用程序中连接两个客户端 (P2P) 的标准?

html - Firefox 在没有设置宽度/高度的情况下不遵守父级的最大宽度/高度